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

Question

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

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

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

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

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

Answer 1

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

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

演示:小提琴