Как отвязать конкретный обработчик события

Question

Код:

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


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

Вопрос: Как удалить обработчик KeyUp событийной KEYCODE == 27 и сохранить другие $ (документ) .keyup обработчик событий нетронутыми ?

Answer 1

Вы должны использовать указанную функцию, так что вы можете ссылаться на этот конкретный обработчик при вызове .unbind(), как это:

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

Тогда позже, когда развязывание:

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

Answer 2

JQuery позволяет связывать события которые будут отключены после их первого вызова. Если вы хотите работать только эту функцию KeyUp один раз взглянуть на метод .one(), перечисленные здесь: http://api.jquery.com/one/

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

Answer 3

Если у вас есть только один обработчик на элемент, вы можете безопасно отвязать его с помощью unbind без использования названные функции, как предлагает Ник Кравер. В этом случае, вызов

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

не будет влиять на обработчик на document.

Answer 4

Вы прикрепляете обработчики событий к различным элементам, поэтому вы можете безопасно удалить обработчик из определенного объекта (уже упоминалось я знаю).

Для полноты картины, если вы хотите прикрепить несколько обработчиков для того же события в же объекта, вы можете использовать namespaced events:

$('#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, а также работают с событиями с именами.