如何将焦点放在 Google 搜索输入字段中的文本末尾？

Question

如何使用 Javascript.

将焦点放在输入字段中的文本末尾

我想把鼠标移到输入框上关注它，诅咒在文末

我只是用下面的Event，诅咒在第一个

    document.addEventListener('mouseover', function (e) {
        if (e.target.localName ==='input'){
            e.target.focus();
        }
    });

    document.addEventListener('mouseout', function (e) {
            e.target.blur();
    });

Answer 1

聚焦输入时，可以擦除输入值，重新设置相同的值。

 document.addEventListener('mouseover', function (e) {
  if (e.target.localName ==='input'){
    e.target.focus();
    var val = e.target.value; //store the value of the element
    e.target.value = '';      //clear the value of the element
    e.target.value = val;     //set that value back. 
  }
});

document.addEventListener('mouseout', function (e) {
  e.target.blur();
});

<input id="search" type="text" size="30" name="search"/>

Answer 2

不修改输入字段 contents/value 的更安全的解决方案是触发值的选择。

document.addEventListener('mouseover', function (e) {
  let elm = e.target;
  if (elm.localName ==='input'){
    elm.focus();
    elm.selectionStart = elm.value.length;
    elm.selectionEnd = elm.value.length;
  }
});

document.addEventListener('mouseout', function (e) {
  e.target.blur();
});

<input value="hello"/>

如何将焦点放在 Google 搜索输入字段中的文本末尾？

How to focus at the end of the text in the Google search input field?

javascript

focus