Có thể xóa tất cả các sự kiện được gắn vào một phần tử và các con của nó

Question

Tôi cần có thể xóa các sự kiện được gắn với một phần tử và tất cả các sự kiện ngay cả khi tôi không biết những sự kiện này là gì. Tất cả các sự kiện được đính kèm bằng cách sử dụng jquery.

Answer 1

Đối với jQuery 1.8 và sau đó, sử dụng

$(element).find("*").addBack().off(); 

addBack() thêm vào danh sách ban đầu của các yếu tố từ $(element) trở lại bộ sưu tập nội bộ của các yếu tố tổ chức bởi các đối tượng jQuery (những người được trả về bởi find("*")). off() xóa tất cả các trình xử lý sự kiện được đính kèm, bao gồm cả các trình xử lý sự kiện.

Nếu bạn chỉ muốn trẻ em và không phải tất cả con cháu, sử dụng

$(element).children().addBack().off(); 

Xem tài liệu:

• addBack()
• off()

---

Đối với jQuery 1.7 trở xuống, hãy sử dụng andSelf() thay vì addBack(). Đối với jQuery 1.6 trở xuống, hãy sử dụng unbind() và die() thay vì off(). Ví dụ:

$(element).children().andSelf().unbind().die(); 

Answer 2

Sử dụng phương thức .unbind() trên phần tử.

Answer 3

vàSelf() không được dùng nữa.

Sử dụng add() chức năng:

$(element).add("*").off(); 

Answer 4

Đây không phải là một câu trả lời, nhưng nó là đáng nói.

Tôi đã sử dụng plugin của bên thứ ba mà không có phương thức hủy. Tôi tìm thấy giải pháp này nhưng nó không hoạt động ngay từ đầu cho đến khi tôi bắt đầu đào sâu hơn vào tài liệu.

Lưu ý rằng nếu plugin đang tạo một đối tượng nghe $(document).on(event, handler) trên đối tượng của bạn, bạn phải xóa hành động bằng cách viết $(document).off(event, 'element, element *'). Chỉ cần viết $(element).find("*").addBack().off(); sẽ không hoạt động nếu người nghe chính là document.