確定哪些元素具有焦點

Question

可能重複：
How to determine which html page element has focus?
How do I find out which Javascript element has focus?

有沒有一種方法來確定文檔中哪些元素當前具有焦點？理想情況下，不必經歷永遠的元素。

Answer 1

重複：

• How to determine which html page element has focus?
• How do I find out which Javascript element has focus?

長話短說：

有些瀏覽器（最初只有IE瀏覽器，但Firefox 3和Safari馬車上跳下）支持document.activeElement財產，實現你想要的。

對於舊的瀏覽器，你需要這個黑客模仿性質：

function _dom_trackActiveElement(evt) { 
    if (evt && evt.target) { 
     document.activeElement = evt.target == document ? null : evt.target; 
    } 
} 

function _dom_trackActiveElementLost(evt) { 
    document.activeElement = null; 
} 

if (!document.activeElement) { 
    document.addEventListener("focus",_dom_trackActiveElement,true); 
    document.addEventListener("blur",_dom_trackActiveElementLost,true); 
} 

Answer 2

您可以附加的onfocus你的身體元素，讓焦點更改事件冒泡