Maison  >  Article  >  interface Web  >  Comment annuler l'événement click dans jquery

Comment annuler l'événement click dans jquery

青灯夜游
青灯夜游original
2022-05-16 14:07:564117parcourir

3 méthodes : 1. Utilisez "click element.unbind()" pour annuler tous les événements de clic de l'élément sélectionné. 2. Utilisez "click element.off()" pour annuler l'événement click ajouté avec on() dans l'élément sélectionné. 3. Utilisez "parent element.undelegate()" pour annuler l'événement de clic annulé par délégué().

Comment annuler l'événement click dans jquery

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

jquery fournit plusieurs méthodes pour annuler les événements de clic

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

Exemple : Annuler l'événement de clic

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.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>

Comment annuler lévénement click dans jquery

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

<script>
		$(document).ready(function() {
			$("p").on("click", function() {
				$(this).slideToggle();
			});
			$("button").click(function() {
				$("p").off();
			});
		});
</script>

Comment annuler lévénement click dans jquery

3. Utilisez la méthode undelegate()

undelegate() pour supprimer un ou plusieurs gestionnaires d'événements ajoutés par la méthode délégué().

<script>
		$(document).ready(function() {
			$("body").delegate("p", "click", function() {
				$(this).slideToggle();
			});
			$("button").click(function() {
				$("body").undelegate();
			});
		});
</script>

Comment annuler lévénement click dans jquery

【Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo web front-end

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
Article précédent:Qu'est-ce que jquery-validateArticle suivant:Qu'est-ce que jquery-validate