如何取消选择选定的输入?

Kob*_*nes 2 javascript jquery

我有

<input type="text" id="first"> 
Run Code Online (Sandbox Code Playgroud)

并且有

 $('#first').select();
Run Code Online (Sandbox Code Playgroud)

所以,在某些情况下,我想取消选择输入,比如

$('#first').deselect();
Run Code Online (Sandbox Code Playgroud)

您能否提供如何取消选择所选输入的代码?但这不是重点,我不是在谈论选择输入本身,而是选择其中的文本。就像你双击文本一样。谢谢。

Ter*_*rry 5

基于 jQuerys API 文档,.select()它只是一个辅助函数,用于执行文本节点的聚焦和选择

此外,将触发字段上的默认选择操作,因此将选择整个文本字段。

因此,如果您想要.blur()相反的效果,则调用会产生相反的效果。它将从现场散焦并重置选择。请参阅下面的概念验证:

$('#select').on('click', function() {
  $('#first').select();
});

$('#deselect').on('click', function() {
  $('#first').blur();
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="first" value="Lorem ipsum">
<button type="button" id="select">Select</button>
<button type="button" id="deselect">Deselect</button>
Run Code Online (Sandbox Code Playgroud)