JavaScript监听所有焦点/模糊事件 [英] JavaScript listen for all focus/blur events

问题描述

所以我想要一些JavaScript，该JavaScript可以监听页面上所有潜在焦点/模糊事件.我可以很轻松地为点击事件执行此操作:

So I'd like some JavaScript which listens for all potential focus/blur events on the page. I can do this for click events quite easily:

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

每次单击任何元素时，事件都会触发，即使在添加事件侦听器之后插入节点也是如此.

Any time any element is clicked, the event will trigger, even if the node was inserted after the event listener was added.

我想对焦点事件执行相同的操作，但是它们仅在单个元素上触发，并且永远不会冒充文档.

我该怎么做?是每隔几秒钟遍历DOM并重新侦听的唯一方法，以防添加了新的输入元素?

How can I accomplish this? Is the only way to walk the DOM every few seconds and re-listen in case a new input element has been added?

推荐答案

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

You can use the focusin and focusout events which bubbles up.

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

演示:小提琴

这篇关于JavaScript监听所有焦点/模糊事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！