Maison >interface Web >Questions et réponses frontales >Comment annuler l'événement lié par on() dans jquery

Comment annuler l'événement lié par on() dans jquery

青灯夜游original: 2022-03-25 19:40:153451parcourir

Méthode d'annulation : 1. Utilisez la fonction off(), qui peut supprimer le gestionnaire d'événements ajouté via on(), la syntaxe est "event-bound element.off()" ; 2. Utilisez la fonction unbind(), Ceci La fonction peut supprimer le gestionnaire d'événements ajouté par n'importe quelle méthode jq, la syntaxe est "event-bound element.unbind();".

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

jquery annule les événements liés par on()

Méthode 1 : utilisez la fonction off()

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("p").on("click", function() {
					$(this).slideToggle();
				});
				$("button").click(function() {
					$("p").off();
				});
			});
		</script>
	</head>
	<body>

		<p>这是一个段落。</p>
		<p>这是另一个段落。</p>
		<p>点击任何段落可以令其消失。包括本段落。</p>

		<button>移除on()添加的事件</button>

	</body>
</html>

Comment annuler lévénement lié par on() dans jquery

2. Utilisez la fonction unbind()

unbind() pour supprimer le gestionnaire d'événements de l'élément sélectionné.

ubind() fonctionne avec n'importe quel gestionnaire d'événements attaché via jQuery.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("p").on("click", function() {
					$(this).slideToggle();
				});
				$("button").click(function() {
					$("p").unbind();
				});
			});
		</script>
	</head>
	<body>

		<p>这是一个段落。</p>
		<p>这是另一个段落。</p>
		<p>点击任何段落可以令其消失。包括本段落。</p>

		<button>移除 on()添加的事件</button>

	</body>
</html>

Comment annuler lévénement lié par on() 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 事件

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 sélectionner le troisième élément p en utilisant la méthode jqueryArticle suivant：Comment sélectionner le troisième élément p en utilisant la méthode jquery

Articles Liés

Voir plus