Làm thế nào để unbind một xử lý sự kiện cụ thể

Question

Code:

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


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

Câu hỏi: Làm thế nào để loại bỏ các xử lý sự kiện KeyUp của keyCode == 27 và giữ $ khác (tài liệu) .keyup xử lý sự kiện còn nguyên vẹn ?

Answer 1

Bạn phải sử dụng một hàm có tên, do đó bạn có thể tham khảo mà xử lý cụ thể khi gọi .unbind(), như thế này:

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

Sau đó, sau khi unbinding:

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

Answer 2

jQuery cho phép bạn liên kết các sự kiện sẽ không bị ràng buộc sau lời kêu gọi đầu tiên của họ. Nếu bạn đang tìm kiếm để chỉ chạy chức năng KeyUp này một lần, nhìn vào .Một() phương pháp liệt kê ở đây: http://api.jquery.com/one/

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

Answer 3

Nếu bạn chỉ có một bộ xử lý trên một phần tử, bạn có thể yên tâm unbind nó bằng cách sử unbind mà không sử dụng các chức năng được đặt tên như Nick Craver gợi ý. Trong trường hợp này, hãy gọi

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

sẽ không ảnh hưởng đến người xử lý trên document.

Answer 4

Bạn đang gắn bộ xử lý sự kiện vào các phần tử khác nhau, vì vậy bạn có thể loại bỏ trình xử lý một cách an toàn khỏi đối tượng cụ thể (đã được đề cập đến tôi biết).

Vì lợi ích của sự hoàn chỉnh, nếu bạn muốn đính kèm nhiều bộ xử lý cho sự kiện cùng với cùng đối tượng, bạn có thể sử dụng namespaced events:

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

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

---

Kể từ jQuery 1,7, các phương thức .on và .off là cách ưu tiên để thêm và xóa trình xử lý sự kiện. Với mục đích này, chúng hoạt động chính xác như .bind và .unbind và cũng hoạt động với các sự kiện không gian tên.