Question

我有

<input type="text" id="first">

并拥有

 $('#first').select();

因此，在某些情况下，我想取消选择输入，例如

$('#first').deselect();

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

Answer 1

基于jQuerys API文档，.select() is simply a helper function that performs focusing and selection of the text node：

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

因此，如果您想要相反的选择，则调用.blur()将产生相反的效果。它将散焦，并重置选择。请参见下面的概念验证：

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

<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>

Answer 2

您可以使用：

$('input').blur();

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

2 个答案: