各浏览器对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

posted on 2011-07-19 11:44  snandy  阅读(7601)  评论(0编辑  收藏  举报