Maison > Article > interface Web > Comment supprimer les événements de souris dans jquery

Comment supprimer les événements de souris dans jquery

青灯夜游original: 2022-03-25 18:22:011737parcourir

Méthodes pour supprimer des événements : 1. Utilisez unbind(), la syntaxe est "l'élément lié à l'événement de la souris.unbind()" ; 2. Utilisez undelegate(), la syntaxe est "l'élément lié à la souris event.undelegate();" "; 3. Utilisez off(), la syntaxe est "l'élément lié à la souris event.off()".

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

Méthode jquery pour supprimer les événements de la souris :

Méthode 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.

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

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("p").click(function() {
					$(this).slideToggle();
				});
				$("button").click(function() {
					$("p").unbind();
				});
			});
		</script>
	</head>
	<body>
		<p>这是一个段落。</p>
		<p>这是另一个段落。</p>
		<p>点击任何段落可以令其消失。包括本段落。</p>
		<button>删除 p 元素的事件处理器</button>
	</body>
</html>

Comment supprimer les événements de souris dans jquery

Méthode 2 : utilisez la méthode undelegate()

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

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("body").delegate("p", "click", function() {
					$(this).slideToggle();
				});
				$("button").click(function() {
					$("body").undelegate();
				});
			});
		</script>
	</head>
	<body>
		<p>这是一个段落。</p>
		<p>这是另一个段落。</p>
		<p>点击任何段落可以令其消失。包括本段落。</p>
		<button>删除点击事件</button>
	</body>
</html>

Comment supprimer les événements de souris dans jquery

Méthode 3 : Utilisation de la méthode off()

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).css("background-color", "pink");
				});
				$("button").click(function() {
					$("p").off();
				});
			});
		</script>
	</head>
	<body>

		<p>点击这个段落修改它的背景颜色。</p>
		<p>点击一下按钮再点击这个段落( click 事件被移除 )。</p>

		<button>移除 click 事件</button>

	</body>
</html>

Comment supprimer les événements de souris dans jquery

Remarque : depuis la version 1.7 de jQuery, la méthode off() est le nouveau remplacement des méthodes unbind(), die() et undelegate(). Cette méthode apporte beaucoup de commodité à l'API et est recommandée car elle simplifie la base de code 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：Comment masquer les éléments adjacents des éléments cliqués dans jqueryArticle suivant：Comment masquer les éléments adjacents des éléments cliqués dans jquery

Articles Liés

Voir plus