jQuery:添加事件监听器是否覆盖相同事件的前一个监听器?

For example, let's say I have

例如，假设我有

$(element).on('click', function() {/*Some Stuff*/});

defined somewhere, then later I want to add more features to that same click event. If I do

定义了某个地方，然后我想要为相同的单击事件添加更多的特性。如果我做

$(element).on('click', function() {/*Other Stuff*/});

will "Other Stuff" overwrite "Some Stuff"?

“其他东西”会覆盖“一些东西”吗?

5 个解决方案

#1

The second listener won't override the first. jQuery event handlers are added cumulatively and execute in the order they were attached.

第二个监听器不会覆盖第一个监听器。jQuery事件处理程序是累积添加的，并按照其附加的顺序执行。

The thing that does effect whether one handler prevents the other running is how the function cancels the browser's default click handler (i.e. how you stop the browser following the link's url)

一个处理器是否阻止另一个处理器运行的影响是函数如何取消浏览器的默认点击处理器(例如，如何在链接的url之后停止浏览器)

If you use traditional method:

如果你使用传统的方法:

$(element).on('click', function() {

    /* Some Stuff, do your thing */ 

    return false; 
});

The handler above will stop the event itself and propagating to other handlers.

上面的处理程序将停止事件本身并传播到其他处理程序。

But you can stop the event action without stopping its propagation or the handler:

但您可以停止事件动作，而不停止其传播或处理程序:

$(element).on('click', function(e) {

    // prevent the default action at first, just to make it clear :)
    e.preventDefault(); 

    /* do your thing */

    return /* what you want */;
});

This will ensure that the default click action doesn't occur but that the event continues to other hanlders. jQuery event also has some other useful event propagation methods (e.g. Event.stopPropagation()) which are worth getting to know.

这将确保默认的单击操作不会发生，但事件会继续发生在其他的hanlders中。jQuery事件还具有一些其他有用的事件传播方法(例如，Event.stopPropagation())，这是值得了解的。

5 个解决方案

#1

更多相关文章

随机推荐