我正在尝试设置一个侦听所有焦点事件的侦听器.特别是我试图在输入或文本框获得焦点的任何时候倾听.根据一些研究,广泛接受的实现方法是这样的：
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.
有关委派焦点事件的更多信息,请查看此 article.