在某些浏览器上，文本会在元素焦点上自动选择

Question

我有这个自动搜索文本输入，当用户键入字母时，它会进行新的搜索。现在，每次搜索后我都必须关注此元素，但我在除 Firefox 之外的所有浏览器中，都会选择输入中的文本。如果用户键入另一个字母，则所选文本将被删除，这意味着用户必须先取消选择文本，然后才能键入另一个字母。当然，用户会输入新字母并认为该程序有问题。

是否可以取消选择焦点上的文本或从一开始就阻止这种选择发生？

Answer 1

在焦点上将文本框的值分配给自身将取消选择文本。

$('input').focus(function() { 
    var elem = $(this);
    elem.val(elem.val());
} );

工作演示

Answer 2

我不太确定，但我认为这可能是一个解决方案，或者只需使用属性 onselect="return;"

$('#selector').select(function (e){
   e.preventDefault();
   return;
});

Answer 3

我用下面的代码让它工作：

var searchInput = $('input.search');
var l = searchInput.val().length;
searchInput.attr('selectionStart', l);
searchInput.attr('selectionEnd', l);
searchInput.focus();