javascript - 在按钮上单击 JavaScript 中的焦点输入

Question

我正在尝试在单击按钮时自动对焦 输入，但它不起作用。可以在此处找到代码进行编辑:https://www.w3schools.com/code/tryit.asp?filename=FPPCFP5RTU9E

<input type="text" id="myText" autofocus>

<button onclick="myFunction()">Focus Input</button>

<p id="demo"></p>

<script>
  function myFunction() {
      document.getElementById("myText").autofocus = true;  
  }
</script>

Answer 1

autofocus 是一个 HTML 属性。如果您想通过 JavaScript 设置焦点属性，您必须使用 focus()。

所以试试 document.getElementById("myText").focus();:

工作代码:

function myFunction() {
     document.getElementById("myText").focus();
}

<input type="text" id="myText" autofocus>

<button onclick="myFunction()">Focus Input</button>

<p id="demo"></p>