So entfernen Sie ein Ereignis in jquery-Front-End-Fragen und Antworten-php.cn

So entfernen Sie ein Ereignis in jquery

青灯夜游

Freigeben： 2022-06-10 15:42:20

Original

4687 Leute haben es durchsucht

So entfernen Sie Ereignisse in jquery: 1. Verwenden Sie unbind(), die Syntax „das Element, an das das Ereignis gebunden ist. unbind(„angegebener Ereignisname“)“ kann das angegebene Ereignis des ausgewählten Elements entfernen. 2. Verwenden Sie off(), Das angegebene Ereignis wird mithilfe von on() im entfernbaren Element hinzugefügt. Die Syntax lautet „Das Element, an das das Ereignis gebunden ist.off(„Ereignisname“)“.

So entfernen Sie ein Ereignis in jquery

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

jquery-Methode zum Entfernen eines Ereignisses

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.

Syntax:

$(selector).unbind(event,function,eventObj)

Nach dem Login kopieren

Parameter	Beschreibung
Ereignis	Optional. Gibt ein oder mehrere Ereignisse an, die aus dem Element entfernt werden sollen. Mehrere durch Leerzeichen getrennte Ereigniswerte. Wenn nur dieser Parameter angegeben wird, werden alle an das angegebene Ereignis gebundenen Funktionen entfernt.
Funktion	optional. Gibt den Namen der Funktion an, um die Bindung des angegebenen Ereignisses vom Element aufzuheben.
eventObj	Optional. Gibt das zu verwendende entfernte Ereignisobjekt an. Das Der Parameter eventObj stammt aus der Ereignisbindungsfunktion.

Beispiel: Klickereignisse aus Elementen entfernen

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			function alertMe1() {
				alert("Hello World!");
			}
			function alertMe2() {
				$("p").css("color","red")
			}
			$(document).ready(function() {
				$("p").click(alertMe1).click(alertMe2);
				$("button").click(function() {
					$("p").unbind("click");
				});
			});
		</script>
	</head>
	<body>

		<p>这是一个段落。</p>
		<p>这是另外一个段落。</p>
		<p>点击任意一个p元素来触发 alert 弹窗且字体颜色变红。</p>
		<button>移除 p 元素的 click 事件</button>

	</body>

Nach dem Login kopieren

So entfernen Sie ein Ereignis in jquery

Hinweis: Seit jQuery Version 1.7 werden die Methoden on() und off() zum Hinzufügen und Entfernen von Ereignishandlern für Elemente verwendet .

Methode 2: Verwenden Sie die Methode off().

Die Methode off() wird normalerweise zum Entfernen von Ereignishandlern verwendet, die über die Methode on() hinzugefügt wurden.

Hinweis: Um einen angegebenen Event-Handler zu entfernen, muss die Auswahlzeichenfolge mit dem Parameter übereinstimmen, der in der on()-Methode übergeben wurde, wenn der Event-Handler hinzugefügt wird.

Syntax:

$(selector).off(event,selector,function(eventObj),map)

Nach dem Login kopieren

Parameter	Beschreibung
Ereignis	Erforderlich. Gibt ein oder mehrere Ereignisse oder Namespaces an, die aus den ausgewählten Elementen entfernt werden sollen. Mehrere durch Leerzeichen getrennte Ereigniswerte. Muss ein gültiges Ereignis sein.
Selektor	optional. Gibt den Selektor an, der beim Hinzufügen eines Ereignishandlers ursprünglich an die on()-Methode übergeben wurde.
Funktion(eventObj)	Optional. Gibt eine Funktion an, die ausgeführt werden soll, wenn ein Ereignis auftritt.
map	gibt eine Ereigniszuordnung ({event:function, event:function, ...}) an, die ein oder mehrere Ereignisse enthält, die dem Element hinzugefügt werden sollen, und eine Funktion, die ausgeführt wird, wenn das Element ausgeführt wird Ereignis eintritt.

Beispiel:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			function changeSize() {
				$(this).animate({
					fontSize: "+=10px"
				});
			}

			function changeSpacing() {
				$(this).animate({
					letterSpacing: "+=5px"
				});
			}

			$(document).ready(function() {
				$("p").on("click", changeSize);
				$("p").on("click", changeSpacing);
				$("button").click(function() {
					$("p").off("click");
				});
			});
		</script>
	</head>
	<body>

		<p>这是一个段落 。</p>
		<p>这是另外一个段落。</p>
		<p>点击任意一个段落来修改段落的字体大小。</p>

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

	</body>
</html>

Nach dem Login kopieren

So entfernen Sie ein Ereignis in jquery

[Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video]

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