Discussion :

[bnohit]

Salut à tous,

Je souhaite supprimer avec jQuery, des évènements instanciés en "dur" dans ma page (=> évènements créés lors du 1er chargement du DOM).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

ex : <div onmouseover="alert('coucou')">coucou</div>

Existe t il un moyen pour supprimer un évènement, non créé initialement via une méthode bind(), live() etc... ?

Merci pour vos réponses !

[Bovino]

Inutile d'utiliser jQuery pour ça...

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="madiv" onmouseover="alert('coucou')">coucou</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('madiv').onclick = null;

[danielhagnoul]

Bonsoir

La réponse de @Bovino est correcte, mais elle exige la présence d'un ID qui n'existe pas dans votre exemple : <div onmouseover="alert('coucou')">coucou</div>.

En jQuery 1.6.1, pour supprimer tous les événements "onmouseover" de toutes les divisions présentes dans la page web : $("div").prop("onmouseover", null);.

Pour n'affecter qu'une partie ou une seule division, il faut partir soit comme dans la solution de @Bovino d'un ID ou d'une classe.

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div class="maClasse">
	<p onmouseover="alert('hello')">hello</p>
	<div onmouseover="alert('coucou')">coucou</div>
</div>

$("div.maClasse").children("div").prop("onmouseover", null);.

Ne supprimera l'événement que sur les divisions enfants d'une division ayant la classe "maClasse". L'alerte "hello" sera toujours active.

Si l'on veut supprimer tous les événements "onmouseover" de la page web : $("*", "body").prop("onmouseover", null);.