Maison  >  Article  >  interface Web  >  Comment supprimer l'événement onclick dans jquery

Comment supprimer l'événement onclick dans jquery

WBOY
WBOYoriginal
2022-04-18 11:29:504444parcourir

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.

Comment supprimer l'événement onclick dans jquery

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Comment supprimer l'événement onclick dans jquery

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 绑定事件
$(&#39;#test&#39;).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(){
$(&#39;#button1&#39;).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 :

Comment supprimer lévénement onclick dans jquery

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn