各浏览器对focusin/focusout事件的支持差异
浏览器版本:
IE6/7/8/9
Firefox 5
Safari 5
Chrome 12
Opera 11
测试:
IE6/7/8 | IE9/10 | Firefox5 | Safari5 | Chrome12 | Opera11 | |
el.onfocusin | Y | Y | N | N | N | Y |
el.attachEvent('onfocusin',fn) | Y | Y | N | N | N | Y |
el.addEventListener('focusin',fn,false); | N | Y | N | Y | Y | Y |
结论:
1, 所有 IE 版本均支持focusin/focusout事件(注意:IE6/7/8中不支持el.addEventListener方法)。
2, Opera 最强悍即支持attachEvent,又支持addEventListener。且这两种方式添加事件均支持focusin/focusout事件。
3, Safari/Chrome 给人一个惊喜,虽然el.onfocusin方式不支持,但
addEventListener方式却支持。因此想让Safari/Chrome中支持focusin事件,只能使用addEventListener方式添加事件。
4, Firefox 任何一种添加事件方式都不支持 focusin/focusout。
与focus/blur的区别:
focusin/focusout 支持事件冒泡,因此可为其实现事件代理。
相关:
http://msdn.microsoft.com/en-us/library/ms536935%28VS.85%29.aspx
http://msdn.microsoft.com/en-us/library/ms536936%28VS.85%29.aspx