JavaScript之IE的fireEvent方法详细解析_javascript技巧
现在根据自己的总结详细的记录下fireEvent方法的使用。fireEvent是IE提供的一种方法,msdn文档地址:http://msdn.microsoft.com/en-us/library/ms536423(v=vs.85).aspx
onclick()
我们先看第一段实例代码:
- i am one;
- i am two;
- i am three;
这段代码中我们没有个id1的li添加onclick事件,点击button,会报错,提示“对象不支持此属性或方法”。由此可见,DOM.onclick()需要添加onclick事件之后才能使用。
假如我们把以上的代码修改为:
- i am one;
- i am two;
- i am three;
此时,点击button会触发onclick事件,但是ul的onclick没有触发,这就表明了DOM.onclick()不存在冒泡。
fireEvent()
我们来看看fireEvent跟onclick()触发事件是否相同。看下面的代码:
- i am one;
- i am two;
- i am three;
点击button后,触发ul的onclick事件,说明fireEvent会引起冒泡,而且没有发生像onclick()提示“对象不支持此属性或方法”,说明即使不添加id1的onclick事件也可以冒泡。
由此可以看出,IE中的fireEvent方法类似模拟用户的鼠标点击行为,而不是单纯的onclick。
总结fireEvent和onclick区别
通过上面的例子可以看出,DOM的fireEvent和onclick(这只是个代表)有以下区别:
onclick需要DOM真正添加了onclick事件,否则会报“对象不支持此属性或方法”错误
onclick不会引起IE的冒泡过程,而fireEvent会引起冒泡,fireEvent更贴近用户真实的行为触发
由第二条得出,fireEvent在即使DOM没有click事件也可以fireEvent,而不会报错(更贴近用户真实行为)
最后可以拿下面的代码测试:
- i am one;
- i am two;
- i am three;
推荐阅读
-
JavaScript-BOM之常用方法兼容ie的封装及其他相关BOM的封装(3)
-
Js数组的操作push,pop,shift,unshift等方法详细介绍_javascript技巧
-
浏览器解析js生成的html出现样式问题的解决方法_javascript技巧
-
IE中JS跳转丢失referrer问题的2个解决方法_javascript技巧
-
js判断undefined类型,undefined,null, 的区别详细解析_javascript技巧
-
IE6-IE9不支持table.innerHTML的解决方法分享_javascript技巧
-
js unicode 编码解析关于数据转换为中文的两种方法_javascript技巧
-
关于火狐(firefox)及ie下event获取的两种方法_javascript技巧
-
javascript之解决IE下不渲染的bug_javascript技巧
-
IE iframe的onload方法分析小结_javascript技巧