Maison > Article > interface Web > Comment annuler l'écoute d'un événement en double-clic dans jquery

Comment annuler l'écoute d'un événement en double-clic dans jquery

青灯夜游original: 2022-06-15 10:16:581754parcourir

3 façons d'annuler : 1. Utilisez unbind(), la syntaxe "double-click element.unbind()" pour annuler toute surveillance des événements de double-clic de l'élément sélectionné. 2. Utilisez undelegate(), la syntaxe "double-cliquez sur l'élément parent de element.undelegate()" pour annuler la surveillance des événements de double-clic ajouté par délégué() dans l'élément sélectionné. 3. Utilisez off(), la syntaxe "double-click element.off()", pour annuler la surveillance des événements de double-clic ajouté avec on() dans l'élément sélectionné.

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

jquery fournit plusieurs méthodes pour annuler l'écoute d'événements par double-clic

1. Utilisez la méthode unbind()

la méthode unbind() peut supprimer tous les gestionnaires d'événements ou ceux sélectionnés, ou lorsque l'événement se produit, termine le exécution de la fonction spécifiée.

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 : Annulez la surveillance des événements par double-clic

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
				$(document).ready(function() {
					$("p").dblclick(function() {
						console.log("发生了双击事件监听");
					});
					$("button").click(function() {
						$("p").unbind();
					});
				});
		</script>
	</head>
	<body>

		<p>这是一个段落。</p>
		<p>这是另外一个段落。</p>
		<p>这是另外一个段落。</p>
		<button>移除p元素上的双击事件监听</button>

	</body>
</html>

Comment annuler lécoute dun événement en double-clic dans jquery

2. Utilisez la méthode unelegate()

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

Exemple : Annuler la surveillance des événements par double-clic

Code principal :

<script>
		$(document).ready(function() {
			$("body").delegate("p", "dblclick", function() {
				console.log("发生了双击事件监听");
			});
			$("button").click(function() {
				$("body").undelegate();
			});
		});
</script>

Comment annuler lécoute dun événement en double-clic dans jquery

3. Utilisez la méthode off()

off() est généralement utilisée pour supprimer les gestionnaires d'événements ajoutés via on(). méthode.

Exemple : Annuler la surveillance des événements par double-clic

Code principal :

<script>
		$(document).ready(function() {
			$("p").on("dblclick", function() {
				console.log("发生了双击事件监听");
			});
			$("button").click(function() {
				$("p").off();
			});
		});
</script>

Comment annuler lécoute dun événement en double-clic 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!

jquery Delegate Event 对象事件

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：Comment convertir json en objet avec JqueryArticle suivant：Comment convertir json en objet avec Jquery

Articles Liés

Voir plus