哪些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> ```