suchen

Heim >Web-Frontend >Front-End-Fragen und Antworten >So entfernen Sie Mausereignisse in JQuery

So entfernen Sie Mausereignisse in JQuery

青灯夜游
青灯夜游Original
2022-03-25 18:22:011793Durchsuche

Methoden zum Entfernen von Ereignissen: 1. Verwenden Sie unbind(), die Syntax ist „das Element, das an die Maus gebunden ist event.unbind()“ 2. Verwenden Sie undelegate(), die Syntax ist „das Element, das an gebunden ist“. die Maus event.undelegate();“ „; 3. Verwenden Sie off(), die Syntax lautet „Element gebunden an Mausevent.off()“.

So entfernen Sie Mausereignisse in JQuery

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

jquery-Methode zum Entfernen von Mausereignissen:

Methode 1: Verwenden Sie die unbind()-Methode

unbind()-Methode, um den Ereignishandler des ausgewählten Elements zu entfernen.

Diese Methode kann alle oder ausgewählte Event-Handler entfernen oder die Ausführung der angegebenen Funktion beenden, wenn ein Ereignis auftritt.

ubind() funktioniert mit jedem über jQuery angehängten Event-Handler.

Beispiel: 

<!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>

So entfernen Sie Mausereignisse in JQuery

Methode 2: Verwenden Sie die Methode undelegate()

undelegate(), um einen oder mehrere von der Methode Delegate() hinzugefügte Ereignishandler zu entfernen.

Beispiel: 

<!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>

So entfernen Sie Mausereignisse in JQuery

Methode 3: Verwendung der off()-Methode

off()-Methode wird normalerweise verwendet, um über die on()-Methode hinzugefügte Event-Handler zu entfernen. 

<!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>

So entfernen Sie Mausereignisse in JQuery

Hinweis: Ab jQuery Version 1.7 ist die off()-Methode der neue Ersatz für die Methoden unbind(), die() und undelegate(). Diese Methode bringt viel Komfort in die API und wird empfohlen, da sie die jQuery-Codebasis vereinfacht.

【Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video】

Das obige ist der detaillierte Inhalt vonSo entfernen Sie Mausereignisse in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So verbergen Sie benachbarte Elemente angeklickter Elemente in JQueryNächster Artikel：So verbergen Sie benachbarte Elemente angeklickter Elemente in JQuery

In Verbindung stehende Artikel

Mehr sehen