Comment supprimer l'événement de clic d'élément en javascript-Questions et réponses frontales-php.cn

Comment supprimer l'événement de clic d'élément en javascript

WBOY

Libérer： 2022-05-07 11:02:55

original

5544 Les gens l'ont consulté

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().

Comment supprimer l'événement de clic d'élément en javascript

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>

Copier après la connexion

Résultat de sortie :

Comment supprimer lévénement de clic délément en javascript

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>

Copier après la connexion

Résultat de sortie :

Comment supprimer lévénement de clic délément en javascript