Maison > Article > interface Web > Comment supprimer l'événement onclick dans jquery
Méthode de suppression : 1. Utilisez "element object.removeAttr("onclick")" pour supprimer l'événement défini à l'intérieur de la balise html ; 2. Utilisez "element object.unbind("click")" ou "element object. off( "click")", supprime les événements liés aux événements jquery.
L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.
1. Si l'événement onclick est défini dans la balise html, vous devez utiliser la méthode removeAttr("onlick") :
la méthoderemoveAttr() supprime un ou plusieurs éléments. à partir des attributs de l'élément sélectionné.
<div id="test" onclick="setOnclick">onclick事件</div> <javascript> $("#test").removeAttr("onclick"); </javascript>
2. Si le clic actuel est un événement lié à un événement jquery, vous devez utiliser la méthode unbind("click") : La méthode
unbind() supprime le gestionnaire d'événement de l'élément sélectionné.
Cette méthode peut supprimer tous les gestionnaires d'événements ou ceux sélectionnés, ou mettre fin à l'exécution de la fonction spécifiée lorsqu'un événement se produit.
Cette méthode peut également dissocier les gestionnaires d'événements via l'objet événement. Cette méthode est également utilisée pour dissocier des événements en lui-même (par exemple, supprimer le gestionnaire d'événements après que l'événement a été déclenché un certain nombre de fois).
Remarque : Si aucun paramètre n'est spécifié, la méthode unbind() supprimera tous les gestionnaires d'événements pour l'élément spécifié.
Remarque : La méthode unbind() fonctionne pour tout gestionnaire d'événements ajouté par jQuery.
Depuis la version 1.7 de jQuery, les méthodes on() et off() sont le moyen privilégié pour ajouter et supprimer des gestionnaires d'événements sur des éléments.
// jquery 绑定事件 $('#test').click(function(){ alert("click"); }) // 使用unbind解除绑定 $("#test").unbind("click");
L'exemple est le suivant :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $('#button1').click(function(){ alert("click"); }) $("#button2").click(function(){ $("#button1").unbind(); }); }); </script> </head> <body> <button id="button1">点击事件</button> <button id="button2">移除点击事件</button> </body> </html>
Cliquez sur le premier bouton pour afficher le résultat :
Après avoir cliqué sur le deuxième bouton, l'événement de clic du premier bouton sera supprimé
Tutoriels vidéo associés recommandés : Tutoriel vidéo jQuery
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!