javascript - 如何取消绑定特定的事件处理程序

Question

代码：

$('#Inputfield').keyup(function(e)
        {
            if(e.which == 13)
            {
                functionXyz();
            }
            else
            {
                functionZyx();
            }
    });  


$(document).keyup(function(exit) {
              if (exit.keyCode == 27) { functionZzy(); }
});

问题：如何删除 keyCode == 27 的 keyup 事件处理程序并保持其他 $(document).keyup 事件处理程序不变？

Answer 1

您必须使用命名函数，以便在调用时引用该特定处理程序.unbind()，如下所示：

function keyUpFunc(e) {
  if (e.keyCode == 27) { functionZzy(); }
}
$(document).keyup(keyUpFunc);

然后在解除绑定时：

$(document).unbind("keyup", keyUpFunc);

Answer 2

您将事件处理程序附加到不同的元素，因此您可以安全地从特定对象中删除处理程序（我知道已经提到过）。

为了完整起见，如果要将同一事件的多个处理程序附加到同一对象，可以使用命名空间事件：

$('#Inputfield').bind('keyup.keep', function(e){/*...*/});
$('#Inputfield').bind('keyup.notkeep', function(e){/*...*/});

$('#Inputfield').unbind('keyup.notkeep');
// or event  $('#Inputfield').unbind('.notkeep');

---

从jQuery 1.7开始，方法.on和.off是添加和删除事件处理程序的首选方式。为此，它们的行为与命名空间事件完全一样.bind，.unbind并且还可以处理命名空间事件。

Answer 3

jQuery 允许您绑定在第一次调用后将取消绑定的事件。如果您只想运行此 keyup 函数一次，请查看此处列出的 .one() 方法：http: //api.jquery.com/one/

$(document).one('keyup', function(e) {
              if (e.keyCode == 27) { functionZzy(); }
});

Answer 4

如果您在一个元素上只有一个处理程序，您可以使用unbindNick Craver 建议的不使用命名函数来安全地解除绑定它。在这种情况下，调用

$('#Inputfield').unbind('keyup');

不会影响document.