So richten Sie die Ereignisüberwachung in Javascript ein-js-Tutorial-php.cn

So richten Sie die Ereignisüberwachung in Javascript ein

青灯夜游

Freigeben： 2021-10-25 14:28:38

Original

5322 Leute haben es durchsucht

Einstellungsmethode: 1. Über das Ereignisattribut im HTML-Tag festlegen. Die Syntax lautet „on+event name="processing function". 2. Verwenden Sie zum Festlegen „element.onclick“. Methode zum Festlegen.

So richten Sie die Ereignisüberwachung in Javascript ein

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Mehrere Möglichkeiten zur Implementierung der Ereignisüberwachung in JS

1. Inline-Bindung: Bindung über Ereignisattribute in HTML-Tags, in der das ausgelöste Ereignis zugewiesen wird Attribut wie folgt:

<button onclick="alert(&#39;123&#39;);">点击</button>

Nach dem Login kopieren

2. Verwenden Sie element.onclick für die Ereignisbindung.

Verwenden Sie element.onclick für die Ereignisbindung: Binden Sie Ereignisse durch Betreiben von DOM-Elementen an das DOM (verwenden Sie die Form der Intra-Peer-Bindung).

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			window.onload = function(){
				var btn = document.getElementById(&#39;btn&#39;);
				btn.onclick = function(){
					alert("hello world");
				}
			}
		</script>
	</head>
	<body>
		<button id="btn">点击</button>
	</body>
</html>

Nach dem Login kopieren

3. Verwenden Sie die Methode addEventListener()

Verwenden Sie die Methode addEventListener(), die 3 Parameter akzeptiert (den Namen des zu verarbeitenden Ereignisses, die Funktion als Ereignishandler und einen booleschen Wert). Dieser boolesche Wert bedeutet „true“. Der Ereignishandler wird während der Ereigniserfassungsphase aufgerufen. Bei „false“ wird er während der Ereignis-Bubbling-Phase aufgerufen. Einige Browser unterstützen die Ereigniserfassung nicht (z. B. IE8 und niedriger). Seien Sie daher vorsichtig beim Binden von Ereignis-Listenern während der Erfassungsphase.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			window.onload = function(){
				var btn = document.getElementById(&#39;btn&#39;);
				btn.addEventListener(&#39;click&#39;,function(){
					alert("123");
				},false);
			}
		</script>
	</head>
	<body>
		<button id="btn">点击</button>
	</body>
</html>

Nach dem Login kopieren

Methode zum Aufheben der Bindung eines Ereignisses: Rufen Sie „removeEventListener()“ über das Element auf, um es zu entfernen. Die übergebenen Parameter sind die gleichen wie beim Hinzufügen des Ereignishandlers. Der zweite Parameter (Ereignishandlerfunktion) muss derselbe sein (zeigt auf). gleiche Adresse), daher sollte die Event-Handler-Funktion in einer Variablen gespeichert werden. Wenn die anonyme Funktion übergeben wird, kann der Event-Listener nicht entfernt werden.

Hinweis: Verwenden Sie in IE8 und niedriger die Funktion „attachEvent()“, die zwei Parameter akzeptiert (Name des Ereignishandlers, Funktion des Ereignishandlers), die in der Bubbling-Phase ausgeführt wird. Diese Methode kann mehrere Ereignishandler binden, die Ausführungsreihenfolge ist jedoch umgekehrt zur Bindungsreihenfolge.

【Empfohlenes Lernen:

Javascript-Tutorial für Fortgeschrittene

】

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