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

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

如果你在一个元素上只有一个处理程序,你可以安全地解除绑定,unbind而不使用Nick Craver建议的命名函数.在这种情况下,打电话

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

不会影响处理程序document.