各瀏覽器對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