Maison > interface Web > Questions et réponses frontales > Comment annuler un événement en direct dans jquery

Comment annuler un événement en direct dans jquery

青灯夜游
Libérer: 2022-05-16 18:59:20
original
2008 Les gens l'ont consulté

Dans jquery, la méthode die() peut être utilisée pour annuler l'événement en direct. Cette méthode peut supprimer l'événement spécifié lié par la méthode live(). La syntaxe est "$(selector).die("event name", "processing function name" )" ; les deux paramètres de la méthode die() peuvent être omis, ce qui supprime tous les événements en direct liés.

Comment annuler un événement en direct dans jquery

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

Utilisez la méthode die() pour annuler l'événement en direct. La méthode

die() supprime un ou plusieurs gestionnaires d'événements ajoutés à l'élément sélectionné via la méthode live().

En termes simples, la méthode die() peut supprimer l'événement spécifié lié par la méthode live().

Syntaxe :

$(selector).die(event,function)
Copier après la connexion
ParamètresDescription
événementFacultatif. Spécifie un ou plusieurs gestionnaires d'événements à supprimer.

Plusieurs valeurs d'événement séparées par des espaces. Doit être un événement valide.
fonctionen option. Spécifie les fonctions spécifiques à supprimer.

Remarque : La méthode die() était obsolète dans la version 1.7 de jQuery et supprimée dans la version 1.9.

Exemple 1 : Supprimez tous les gestionnaires d'événements ajoutés à l'élément

via la méthode live()

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="https://apps.bdimg.com/libs/jquery/1.7.0/jquery.min.js"></script>
		<script>
			$(document).ready(function() {
				$("p").live("click", function() {
					$(this).slideToggle();
				});
				$("button").click(function() {
					$("p").die();
				});
			});
		</script>
	</head>
	<body>

		<p>这是一个段落。</p>
		<p>这是另外一个段落。</p>
		<p>点击任意一个段落,使其消失。</p>
		<button>移除click事件</button><br><br>
		<div>p 元素的click事件通过 live() 方法来添加</div>
	</body>
</html>
Copier après la connexion

Comment annuler un événement en direct dans jquery

Exemple 2 : Utilisez la méthode die() pour supprimer un seul événement spécifié du gestionnaire d'élément sélectionné

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="https://apps.bdimg.com/libs/jquery/1.7.0/jquery.min.js"></script>
		<script>
			function changeSize() {
				$(this).animate({
					fontSize: "+=3px"
				});
			}

			function changeSpacing() {
				$(this).animate({
					letterSpacing: "+=2px"
				});
			}
			$(document).ready(function() {
				$("p").live("click", changeSize);
				$("p").live("click", changeSpacing);
				$("button").click(function() {
					$("p").die("click", changeSize);
				});
			});
		</script>
	</head>
	<body>

		<p>这是一个段落。</p>
		<p>这是另外一个段落。</p>
		<p>点击任意一个段落,放大字体。</p>
		<button>移除事件句柄 changeSize(),p 元素的click事件通过 live() 方法来添加。</button><br><br>

	</body>
</html>
Copier après la connexion

Comment annuler un événement en direct 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal