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

各浏览器对focusin/focusout事件的支持差异相关推荐

jQuery - focusin/focusout/focus/blur事件的区别与不同
focus与blur事件:不支持冒泡 focusin与focusout:支持冒泡事件触发顺序: 对于同时支持这4个事件的浏览器,事件执行顺序为focusin(聚焦) > focus > ...
各浏览器对 onunload 事件的支持与触发条件实现有差异
标准参考在 HTML 4.01 规范中关于 onunload 事件的描述是:当 document 从 window 中移除时,触发 onunload 事件. 关于 HTML 4.01 规范中 onu ...
onbeforeunload不触发_各浏览器对 onbeforeunload 事件的支持与触发条件实现有差异
标准参考无. 问题描述一般情况下,onbeforeunload 事件处理函数内会写入一些提示性语句,当用户的浏览器跳转到其他页面时,用来提醒用户当前页面将要跳转,请用户决定是否观看新页面. 或者在 ...
jQuery 1.4版本的15个新功能（现在已经发布到jquery1.8,特别是增强版的live事件，支持 submit ， change ， focus 和 blur 事件）...
1.jQuery()创建DOM元素:支持传参设置属性之前,jQuery可以通过 attr 方法设置元素的属性,既可传属性的名和值,也可以是包含几组特定属性名值对的对象.在 jQuery 1.4 ...
Google Maps API 2.0解析(3-GEvent事件功能支持)
//以a为参数,运行b和c函数,如果a是一个html控件而且包含子控件,则以子控件为参数也运行该函数 function RunFunction(a,b,c) { if(b) { ...
Modernizr.js-检测浏览器对HTML5和CSS3的支持程度
为什么80%的码农都做不了架构师?>>> 传统浏览器目前不会被完全取代,令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站. Modernizr 正是为解决这一难题应 ...
JavaScript学习（二十七）—解决IE以及IE8之前的浏览器下面的添加事件或者删除事件
JavaScript学习(二十七)-解决IE以及IE8之前的浏览器下面的添加事件或者删除事件 addEventListener和removeEventListener在IE8以及IE浏览器下面不支持, ...
onblur事件不支持冒泡的解决办法
onblur事件在元素是去焦点的时候被触发,常用与文字输入框,判断鼠标是否已经离开输入框,但是onblur并不支持事件冒泡,所以无法判断是否有子元素发生onblur事件.解决方法有两种: 1.用onf ...
火狐浏览器兼容鼠标滚轮事件
火狐浏览器兼容鼠标滚轮事件起因: this.$refs.canvasDivBox.addEventListener('mousewheel', this.zoomInOrOut, false); 这 ...

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

各浏览器对focusin/focusout事件的支持差异相关推荐

最新文章

热门文章