各浏览器对focusin/focusout事件的支持区别

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

浏览器版本：

IE6/7/8/9

IE10 preview2

Firefox 5

Safari 5

Chrome 12

Opera 11

测试：

IE6/7/8IE9/10Firefox5Safari5Chrome12Opera11el.onfocusinYYNNNYel.attachEvent('onfocusin',fn)YYNNNYel.addEventListener('focusin',fn,false);NYNYYY

结论：
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

?

查看更多 下一篇