javascript - Javascript焦点删除文本突出显示

Question

我在更新面板中有一个输入（文本字段），它会在每次更改文本后自动回发。我可以将注意力集中在同一个文本字段上，但我无法摆脱调用 document.getElementById('myTextField').focus() 后出现的文本高亮。这个解决方案似乎是最准确的：

if (window.getSelection) {
    window.getSelection().removeAllRanges();
} else if (document.selection) {
    document.selection.empty();
}

但它有一个问题。输入仍然集中，但我不能写文本。我必须在写之前点击它。

Answer 1

如果您在焦点后重置您的值，您可以这样做，即

HTML

<input id="myTextField" type="text" value="SomeValue" />​

JS

var myInput=document.getElementById('myTextField');
var myInput_value=myInput.value;
myInput.focus();
myInput.value=myInput_value;​

工作示例。

Answer 2

我认为理想的解决方案不会涉及取消设置和重置输入的值。这可能会产生不必要的副作用。在我看来，这是移动插入符号的正确方法：

var input = document.getElementById('inputElement');
input.focus();
if(input.setSelectionRange) {
  input.setSelectionRange(input.value.length, input.value.length);
} else {
  var range = input.createTextRange();
  range.moveStart('character', input.value.length);
  range.moveEnd('character', input.value.length);
  range.select();
}