JavaScript会侦听所有焦点/模糊事件

Question

所以我想要一些JavaScript来监听页面上所有可能的焦点/模糊事件。 我可以很容易地为点击事件做到这一点：

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

只要单击任何元素，即使在添加事件侦听器后插入节点，也会触发事件。

我想对焦点事件做同样的事情，但它们只是在单个元素上触发，而不会冒泡到文档中。

我怎么能做到这一点？ 是每隔几秒钟走DOM的唯一方法，并在添加新的输入元素时重新监听？

Answer 1

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

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

演示： 小提琴