当前位置: 代码迷 >> Web前端 >> 各浏览器对focusin/focusout事件的支持区别
  详细解决方案

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

热度:221   发布时间:2012-09-22 21:54:54.0
各浏览器对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

?

  相关解决方案