最近在读jQuery 1.8.1的code,在读到support函数的时候,它在对IEclone node的时候会一同clone绑定的events的时候,用到了fireEvent函数。如下代码
if ( !div.addEventListener && div.attachEvent && div.fireEvent ) { div.attachEvent( "onclick", clickFn = function() { // Cloning a node shouldn't copy over any // bound event handlers (IE does this) support.noCloneEvent = false; }); div.cloneNode( true ).fireEvent("onclick"); div.detachEvent( "onclick", clickFn ); }
div.cloneNode( true ).fireEvent("onclick");这一句用到了fireEvent,特地从网上查了一下, http://msdn.microsoft.com/en-us/library/ie/ms536423(v=vs.85).aspx , msdn是这样描述的,它只是fire object上的一个特殊method.
然后要在网上查了一下,三水清的blog中有更详细的解释,特别强调了,它和一般的onclick方法有什么样的区别,在它的博客中有详细的阐述和总结,特摘录如下,并对这种细致的研究态度和方法致敬:
总结fireEvent和onclick区别
通过上面的例子可以看出,DOM的fireEvent和onclick(这只是个代表)有以下区别:
- onclick需要DOM真正添加了onclick事件,否则会报“对象不支持此属性或方法”错误
- onclick不会引起IE的冒泡过程,而fireEvent会引起冒泡,fireEvent更贴近用户真实的行为触发
- 由第二条得出,fireEvent在即使DOM没有click事件也可以fireEvent,而不会报错(更贴近用户真实行为)
最后可以拿下面的代码测试:
<ul οnclick='alert(event.srcElement.innerHTML);'> <li id='id1' οnclick='alert(1);'>i am one;</li> <li id='id2'>i am two;</li> <li id='id3'>i am three;</li> </ul> <button οnclick='document.getElementById("id1").onclick();'>click me!</button> <button οnclick='document.getElementById("id1").fireEvent("onclick")'>fireEvent !</button>
参考:
三水清的博客:http://js8.in/731.html
MSDN:http://msdn.microsoft.com/en-us/library/ie/ms536423(v=vs.85).aspx