哪些HTML元素可以获得焦点？ · 前端

没有明确的列表，取决于浏览器。我们拥有的唯一标准是DOM Level 2 HTML，根据该标准，具有`focus()`方法的唯一元素是HTMLInputElement，HTMLSelectElement，HTMLTextAreaElement和HTMLAnchorElement。值得注意的是，这省略了HTMLButtonElement和HTMLAreaElement。当今的浏览器是`focus()`在HTMLElement上定义的，但是除非是以下元素之一，否则它实际上不会成为焦点： * 带有href的HTMLAnchorElement / HTMLAreaElement * HTMLInputElement / HTMLSelectElement / HTMLTextAreaElement / HTMLButtonElement但不支持`disabled`（如果尝试，IE实际上会给您一个错误），并且出于安全原因文件上传具有异常行为 * HTMLIFrameElement（尽管集中精力没有任何用处）。其他嵌入元素也可能尚未全部测试。 * 任何带有`tabindex` 根据浏览器的不同，此行为可能还会有其他细微的例外和补充。 ``` <body onclick="myFunction()"> <p>点击文档中任意一元素输出元素标签名。</p> <input type="text" id="myInput" value="输入字段"> <button>按钮</button> <p id="demo"></p> <script> function myFunction() { var x = document.activeElement.tagName; document.getElementById("demo").innerHTML = x; } </script> </body> <script> var myInput = document.getElementById('myInput'); if (myInput == document.activeElement) {console.log("myInput获取焦点")} <script> ```