Comment annuler l'événement lié par on() dans jquery-Questions et réponses frontales-php.cn

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

青灯夜游

Libérer： 2022-03-25 19:40:15

original

3343 Les gens l'ont consulté

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();".

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

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>

Copier après la connexion

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>

Copier après la connexion

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