JavaScript會偵聽所有焦點/模糊事件

Question

所以我想要一些JavaScript來監聽頁面上所有可能的焦點/模糊事件。 我可以很容易地為點擊事件做到這一點：

document.addEventListener('click', function (e) { console.log('click!') })

只要單擊任何元素，即使在添加事件偵聽器后插入節點，也會觸發事件。

我想對焦點事件做同樣的事情，但它們只是在單個元素上觸發，而不會冒泡到文檔中。

我怎么能做到這一點？ 是每隔幾秒鍾走DOM的唯一方法，並在添加新的輸入元素時重新監聽？

Answer 1

您可以使用起泡的focusin和focusout事件。

document.addEventListener('focusin', function(e) { console.log('focusin!')})

演示： 小提琴