E 'possibile rimuovere tutti gli eventi collegati a un elemento e ai relativi figli

Question

Devo essere in grado di rimuovere eventi collegati a un elemento ea tutti i suoi figli anche quando non so quali sono questi eventi. Tutti gli eventi sono collegati usando jquery.

Answer 1

Per jQuery 1.8 e successive, utilizzare

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

addBack() aggiunge l'elenco originale di elementi $(element) indietro alla raccolta interna di elementi detenuta dall'oggetto jQuery (quelli restituiti da find("*")). off() rimuove tutti i gestori di eventi collegati, inclusi quelli che utilizzano la delega.

se si desidera solo i bambini e non tutti i discendenti, usano

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

Vedere la documentazione:

• addBack()
• off()

---

Per jQuery 1.7 e versioni precedenti, utilizzare andSelf() anziché addBack(). Per jQuery 1.6 e versioni precedenti, utilizzare unbind() e die() anziché off(). Ad esempio:

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

Answer 2

Utilizzare il metodo .unbind() sull'elemento.

Answer 3

eSelf() la funzione è obsoleta.

Usa add() funzione:

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

Answer 4

Questa non è una risposta, ma vale la pena ricordare.

Avevo utilizzato un plug-in di terze parti senza un metodo di distruzione. Ho trovato questa soluzione ma non ha funzionato all'inizio finché non ho iniziato a scavare più a fondo nella documentazione.

Si noti che se il plug-in crea un listener $(document).on(event, handler) sull'oggetto, è necessario rimuovere l'azione scrivendo $(document).off(event, 'element, element *'). La semplice scrittura di $(element).find("*").addBack().off(); non funzionerà se il listener principale è il document.