JavaScript点击按钮聚焦input失效问题求助

嘿，我一眼就瞅出问题所在啦！你现在是直接给元素的autofocus属性赋值true，但这个属性只是HTML层面的初始化属性——它只在页面首次加载时生效，后续用JS修改这个属性根本不会触发元素聚焦的行为。

正确的做法是调用DOM元素自带的focus()方法，这才是JS里触发元素聚焦的标准操作。

修正后的代码如下：

<input type="text" id="myText" autofocus>
<button onclick="myFunction()">Focus Input</button>
<p id="demo"></p>
<script>
function myFunction() {
  document.getElementById("myText").focus();
}
</script>

顺带补充下：

• focus()方法是专门用于让指定DOM元素获得焦点的API，不管页面加载完成多久，调用它就能立刻让元素聚焦
• 你原来写的autofocus属性可以保留，它负责页面加载时的初始聚焦，和按钮触发的聚焦完全不冲突

内容的提问来源于stack exchange，提问作者user9402741