在JavaScript中，点击按钮时聚焦输入框

Question

我尝试在按钮点击时使用“autofocus”将输入框自动聚焦，但它无法正常工作。编辑后的代码可以在此处找到：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>

- user9402741

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>

- Mamun