Maison > Article > interface Web > Comment interdire un événement dans jquery
Comment interdire un événement dans jquery
- WBOYoriginal
- 2022-05-23 10:17:052862parcourir
Comment interdire un événement dans jquery : 1. Utilisez la méthode unbind(), la syntaxe est "element object.unbind(forbidden event)" ; 2. Utilisez la méthode off(), la syntaxe est "element object.off) ; (événement interdit)" événement ou espace de noms)", cette méthode est généralement utilisée pour supprimer les gestionnaires d'événements ajoutés via la méthode on().
L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.
Comment désactiver un événement dans jquery
1. La méthode unbind()
la méthode unbind() supprime 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.
Syntaxe
$(selector).unbind(event,function,eventObj)
event Facultatif. Spécifie un ou plusieurs événements à supprimer de l'élément. Plusieurs valeurs d'événement séparées par des espaces. Si seul ce paramètre est spécifié, toutes les fonctions liées à l'événement spécifié sont supprimées.
fonction en option. Spécifie le nom de la fonction pour dissocier l'événement spécifié de l'élément.
eventObj Facultatif. Spécifie l'objet d'événement supprimé à utiliser. Le paramètre eventObj provient de la fonction de liaison d'événement.
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").click(function(){
$(this).slideToggle();
});
$("button").click(function(){
$("p").unbind();
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
<p>点击任意段落(p 元素)，该段落就会消失。</p>
<button>移除所有段落(p 元素)的事件句柄</button>
</body>
</html>Résultat de sortie :
2. 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().
Syntaxe
$(selector).off(event,selector,function(eventObj),map)
événement requis. Spécifie un ou plusieurs événements ou espaces de noms à supprimer des éléments sélectionnés. Plusieurs valeurs d'événement séparées par des espaces. Doit être un événement valide.
sélecteur en option. Spécifie le sélecteur initialement passé à la méthode on() lors de l'ajout d'un gestionnaire d'événements.
function(eventObj) Facultatif. Spécifie une fonction à exécuter lorsqu'un événement se produit.
map spécifie une carte d'événements ({event:function, event:function, ...}) contenant un ou plusieurs événements à ajouter à un élément et une fonction à exécuter lorsque l'événement se produit.
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 :
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!