Comment annuler l'événement click dans jquery-Questions et réponses frontales-php.cn

Comment annuler l'événement click dans jquery

青灯夜游

Libérer： 2022-05-16 14:08:27

original

4131 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

Comment annuler lévénement click dans jquery