fireEvent是什么？

最新推荐文章于 2021-02-26 04:03:17 发布

转载最新推荐文章于 2021-02-26 04:03:17 发布 · 203 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/moonreplace/archive/2012/09/16/2687794.html

本文探讨了jQuery1.8.1版本中fireEvent函数的使用场景，特别是在IE浏览器中克隆节点时如何处理绑定的事件。通过对比fireEvent与onclick的方法，详细解释了两者的差异，并提供了实例代码来验证这些差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在读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 onclick='alert(event.srcElement.innerHTML);'>
    <li id='id1' onclick='alert(1);'>i am one;</li>
    <li id='id2'>i am two;</li>
    <li id='id3'>i am three;</li>
</ul>
<button onclick='document.getElementById("id1").onclick();'>click me!</button>
<button onclick='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

转载于:https://www.cnblogs.com/moonreplace/archive/2012/09/16/2687794.html