HTML 事件焦点不起作用

html event focus not working

本文关键字：不起作用 焦点 事件 HTML      更新时间：2023-09-26
<body onload="getfocus()">
<input id='txt1' />
<input type="button" onblur="getfocus()" value="Test"/>
<script>
function getfocus(){
    document.getElementById("txt1").focus();    
}
</script>
</body>

在上面的代码中，getfocus(( 在正文加载时按预期工作，但在按钮模糊时它没有按预期工作，即 txt1 没有获得焦点。

请告诉我为什么TXT1没有专注于"Onblur"事件。

您需要添加一个

tab-index 属性 #txt1 ，否则您的浏览器将退出文档(对我来说，使用 Chrome 进入地址栏(。 

<body onload="getfocus()">
    <input id='txt1' tab-index="1" />
    <input type="button" onblur="getfocus()" value="Test"/>
    <script>
        function getfocus(){
            document.getElementById("txt1").focus();    
        }
    </script>
</body>

顺便说一句，您会注意到，如果您在第二个input之后添加另一个任意的第三个，它也会开始工作。

Edit

尝试在#txt上添加onblur='getfocus()，并在按钮上添加onclick="getfocus()"。

片段

看来tab-index='1'效果很好。

<body onload="getfocus()">
  <input id='txt1' tab-index='1' onblur='getfocus()' />
  <input type="button" onclick="getfocus()" value="Test" />
  <script>
    function getfocus() {
      document.getElementById("txt1").focus();
    }
  </script>
</body>

相关文章：