Javascript(jquery) – 附加到一个事件的多个处理程序:如何只分离一个事件?

在这个模块中我正在研究我在窗口中有一个’resize’事件的监听器.每次运行模块时,我都需要检查是否已经有一个监听器注册到该事件并将其分离,以避免不必要的行为,内存泄漏等.

到目前为止一切顺利,但是,在我们正在开发的这个应用程序中,很可能一些处理程序已经附加到’resize’事件而我不能调用$(window).off(‘resize’),因为这样会刷新之前由其他插件或模块注册的所有其他事件处理程序.

话虽如此,我想知道是否有办法识别我的处理程序,只分离我自己注册的东西.如何在我的事件处理程序中设置标识符以便在.off()函数中引用?

你能帮忙的话,我会很高兴.

最佳答案
这有2个不同的建议.您可以为事件指定命名空间,也可以在绑定时传递非匿名函数.

使用命名空间的示例:

$(window).on('resize.event1', function(){});
$(window).on('resize.event2', function(){});

//Only turn off event 2
$(window).off('resize.event2');

jQuery允许您识别您的活动.此行为称为命名空间.当前事件和事件名称必须用点分隔.在这种情况下,我绑定2调整大小事件(点的左侧),一个名称为event1,另一个名称为event2.

通过标识事件,您可以在对象具有多个相同事件时删除(或触发)单个事件.

$(window).trigger('resize'); //Trigger both;
$(window).trigger('resize.event2'); //Trigger event2;

使用命名函数的示例:

$(window).on('resize', function1);
$(window).on('resize', function2);

//Only turn off event 2
$(window).off('resize', function2);

如果传递的函数与当前事件函数匹配,则关联非匿名函数允许您删除事件.因为function2 === function2,因为function1!== function2才会删除第二个函数!

转载注明原文:Javascript(jquery) – 附加到一个事件的多个处理程序:如何只分离一个事件? - 代码日志