Maison > Article > interface Web > Comment supprimer l'événement de clic d'élément en javascript
Comment supprimer l'événement de clic d'élément en javascript
- WBOYoriginal
- 2022-04-11 16:51:235531parcourir
Méthode : 1. Utilisez la méthode "click element object.unbind("click");", qui peut supprimer le gestionnaire d'événements de l'élément sélectionné ; 2. Utilisez "click element object.off("click"); ” méthode, qui peut supprimer les gestionnaires d’événements ajoutés via la méthode on().
L'environnement d'exploitation de ce tutoriel : système Windows 10, JavaScript version 1.8.5, ordinateur Dell G3.
Comment supprimer l'événement de clic sur un élément en javascript
Méthode 1. Utilisez la méthode unbind()
unbind() pour supprimer le gestionnaire d'événements 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.
L'exemple est le suivant :
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".dianji").click(function(){
$("p").slideToggle();
});
$(".yichu").click(function(){
$(".dianji").unbind("click");
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button class="dianji">点击事件</button>
<button class="yichu">移除点击事件</button>
</body>
</html>Résultat de sortie :
Méthode 2, utilisant la méthode off()
La méthode off() est généralement utilisée pour supprimer les gestionnaires d'événements ajoutés via la méthode on() .
Depuis la version 1.7 de jQuery, la méthode off() est le nouveau remplacement des méthodes unbind(), die() et undelegate(). Cette méthode apporte beaucoup de commodité à l'API et est recommandée car elle simplifie la base de code jQuery.
Remarque : Pour supprimer un gestionnaire d'événements spécifié, la chaîne de sélection doit correspondre au paramètre transmis dans la méthode on() lorsque le gestionnaire d'événements est ajouté.
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(){
$("p").on("click",function(){
$(this).css("background-color","pink");
});
$("button").click(function(){
$("p").off("click");
});
});
</script>
</head>
<body>
<p>点击这个段落修改它的背景颜色。</p>
<p>点击一下按钮再点击这个段落( click 事件被移除 )。</p>
<button>移除 click 事件句柄</button>
</body>
</html>Résultat de sortie :
[Recommandations associées : tutoriel vidéo javascript, front-end web]
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!