Javascript:全球元素焦点监听器

前端之家收集整理的这篇文章主要介绍了Javascript:全球元素焦点监听器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试设置一个侦听所有焦点事件的侦听器.特别是我试图在输入或文本框获得焦点的任何时候倾听.根据一些研究,广泛接受的实现方法是这样的:
document.body.onfocus = function(event) {
   //Check the event.target for input/textBox
   //Do something
};

但是document.body.onfocus似乎并没有激发.我认为这可能是因为该文档实际上并没有获得焦点,所以我尝试了:

document.body.focus();

最初“设定”焦点,但这也不起作用.

关于如何在所有输入/文本框上听取焦点事件而不直接在元素本身上设置事件的任何想法?香草javascript只请,我没有使用框架.

根据接受的答案,这里有一些工作代码

var focusHandler = function(event) {
    var type = event.target.nodeName.toLowerCase();
    if(type == 'input' || type == 'textarea') {
        //Do something
    }
};
document.body.addEventListener('focus',focusHandler,true); //Non-IE   
document.body.onfocusin = focusHandler; //IE

解决方法

由于某些事件(焦点,模糊,变化)没有冒泡,我建议您尝试事件捕获.首先onfocus不适用于此,所以你必须使用addEventListener,你可以在第三个参数中指定使用的委托模式.查看 MDN以了解addEventListener的用法.
有关委派焦点事件的更多信息,请查看此 article.

猜你在找的JavaScript相关文章