javascript - 使用 JQuery on 和 off 方法附加和删除选定的事件处理程序

Question

我正在使用 JQuery on 方法将事件处理程序附加到窗口对象:

$(window).on('resize', function(e){
     /** my functional code goes here **/
     e.stopPropagation();
});

这是事件处理程序被多次调用:之所以这样是因为事件处理程序位于 JQuery 插件的初始化部分，所以当有人像这样调用插件构造函数时:

$('selector').myPlugin({settings_1});
$('selector').myPlugin({settings_2});
$('selector').myPlugin({settings_3});

事件处理程序被附加 3 次。

我正在寻找一种方法来识别和停用除 3 个事件处理程序中的一个以外的所有事件处理程序(使用 off 方法)，以便在调整大小时仅触发其中一个。

我如何识别事件处理程序并删除我想要的？

Answer 1

试试这个:

function myHandler(e){
     /** my functional code goes here **/
     e.stopPropagation();
}

$(window).on('resize', function (e){
    $(window).off('resize', myHandler);
    $(window).on('resize', myHandler);
});