各浏览器对focusin/focusout事件的支持差异

 

浏览器版本：

IE6/7/8/9

IE10 preview2

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