我今天在工作中遇到了一个与此相关的有趣案例，其中有一个$(window)的滚动事件处理程序。

// TO ELIMINATE THE RE-SELECTION AND 
//   RE-CREATION OF THE SAME OBJECT REDUNDANTLY IN THE FOLLOWING SNIPPETS
let $window = $(window);

$window.on('scroll', function() { .... });

但是，要撤销那个事件处理程序，我们不能只使用

$window.off('scroll');

因为在这个非常常见的目标上可能有其他滚动事件处理程序，我对通过关闭所有滚动处理程序来冲洗其他功能(已知或未知)不感兴趣。

我的解决方案是首先将处理程序功能抽象为一个命名函数，并在事件侦听器设置中使用它。

function handleScrollingForXYZ() { ...... }

$window.on('scroll', handleScrollingForXYZ);

然后，有条件地，当我们需要撤销它时，我这样做:

$window.off('scroll', $window, handleScrollingForXYZ);

麻烦的部分是第二个参数，它冗余地选择原始选择器。但是，.off()的jquery文档只提供了一个方法签名来指定要删除的处理程序，这要求中间的参数为

当附加事件处理程序时，选择器应该匹配最初传递给.on()的选择器。

我没有冒险用null或''作为第二个参数来测试它，但也许多余的$窗口是不必要的。

如果.on()方法之前与特定选择器一起使用，如下例所示:

$('body').on('click', '.dynamicTarget', function () {
    // Code goes here
});

unbind()和.off()方法都不能工作。

然而，.undelegate()方法可用于完全从事件中删除与当前选择器匹配的所有元素的处理程序:

$("body").undelegate(".dynamicTarget", "click")

我必须使用道具和attr将事件设置为null。我不能只选一个。我也无法摆脱工作的束缚。我正在做TD元素。

.prop("onclick", null).attr("onclick", null)

删除所有事件处理程序，这对我来说是有效的:

删除所有事件处理程序意味着使用纯HTML结构，而不将所有事件处理程序附加到元素及其子节点。为此，jQuery的clone()提供了帮助。

var original, clone;
// element with id my-div and its child nodes have some event-handlers
original = $('#my-div');
clone = original.clone();
//
original.replaceWith(clone);

这样，我们就有了一个没有事件处理程序的克隆版本来代替原始版本。

祝你好运…

谢谢你提供的信息。非常有用，我用它来锁定页面交互，而在编辑模式下的另一个用户。我将它与ajaxComplete结合使用。不一定是相同的行为，但有些相似。

function userPageLock(){
    $("body").bind("ajaxComplete.lockpage", function(){
        $("body").unbind("ajaxComplete.lockpage");
        executePageLock();      
    });
};  

function executePageLock(){
    //do something
}

如果事件以这种方式附加，目标将被解除附加:

$('#container').on('click','span',function(eo){
    alert(1);

    $(this).off(); //seams easy, but does not work

    $('#container').off('click','span'); //clears click event for every span

    $(this).on("click",function(){return false;}); //this works.

});​