如何给出一个 JS 命令将光标放在输入框内？

Question

我有一个简单的文本输入字段：

<input value="Hello">

我想写一个JS代码，将焦点放在输入框上，并在里面放一个光标。

我尝试在 JQuery 中使用 focus()：

$('document').ready(function(){
   $($('input')[0]).click(function() {
      this.focus();
   })
})

但没有用。

Answer 1

您必须使用简单的 selector 访问 input 元素：$('input')。然后，您必须将事件处理程序绑定到 focus JavaScript 事件。

$('document').ready(function(){
   $('input').focus();
});

Answer 2

这么简单的问题不需要

JQuery。只需通过有效的选择器访问元素并调用其 .focus() 方法。

window.addEventListener("DOMContentLoaded", function(){
  document.querySelector("input[value='Hello']").focus();
});

<input value="Hello">

Answer 3

您可以使用 css 代替

input:focus { 
    background-color: #hex_code;
}

How to give a JS command to put a cursor inside an input box?