如何给JS命令将光标放在输入框中？

Question

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

<input value="Hello">

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

我尝试在JQuery中使用focus（）：

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

它不起作用。

Answer 1

您必须使用简单input：selector访问$('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;
}