javascript - 如何使用 jquery 从 HTML 元素中删除特定事件回调？

Question

我在网页中有一个元素，上面有几个回调

// First callback
$("#element").click(fn1);

// Second callback
$("#element").click(fn2);

// Definitions
function fn1(){console.log("1");}
function fn2(){console.log("2");}

有没有办法从 jQuery 触发的回调列表中只删除 fn2。我知道我可以在函数中添加一个“if”和一些全局变量，但这不是我想要的。

Answer 1

unbind函数中的第二个参数指定要取消绑定的处理程序。

$("#element").unbind("click", fn2);

工作示例：http: //jsfiddle.net/k73Nx/

Answer 2

有趣的是还没有人提到命名空间。这有什么原因吗？

附加事件时，您可以为其命名。而不是$(elem).on('click', fn)您将命名空间添加到单击事件。$(elem).on('click.namespaced', fn)

取消绑定后，您也可以使用命名空间取消绑定该确切事件。 $(elem).off('click.namespaced')

当您内联定义事件函数时，这是最实用的。

您可以使用命名空间做的另一件事是，只需一次调用即可取消绑定命名空间中的所有事件类型：$(elem).off('.namespaced')

Answer 3

请注意您的语法，其他答案与他们的答案非常松散。

如果您使用：

$('#element').on('click',function() {
 //callback code
});

然后你必须使用：

$('#element').off('click');

你不能使用

$('body').off('click','#element',function() { }); 

或者

$(document).off('click','#element',function() { }); 

因为您最初将事件绑定到#element，而不是文档或正文。

Answer 4

使用解绑： http: //api.jquery.com/unbind/

例子：

$(document).unbind('click', fn2);

Answer 5

使用 .off

 $("#element").off("click",fn2);

工作小提琴