Heim > Web-Frontend > js-Tutorial > So lösen Sie die Bindung eines Ereignisses in Javascript

So lösen Sie die Bindung eines Ereignisses in Javascript

醉折花枝作酒筹
Freigeben: 2023-01-06 11:17:26
Original
9627 Leute haben es durchsucht

Methode: 1. Direkte Löschmethode, verwenden Sie die Anweisung „object.onclick=false;“, um das Bindungsereignis zu löschen. 2. Verwenden Sie zuerst addEventListener, um das Ereignis zu binden, und löschen Sie dann das gebundene Ereignis mit RemoveEventListener.

So lösen Sie die Bindung eines Ereignisses in Javascript

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

Natives JS-Javascript-Entbindungsereignis

1. Geeignet für direkt gebundene Ereignisse, wie zum Beispiel:

<h1 id="h1" onclick="_click();">送你一朵花</h1>
Nach dem Login kopieren

2. Binden Sie zuerst die Funktion und entsperren Sie sie es noch einmal

1. Verwenden Sie zuerst addEventListener, um das Ereignis zu binden

function unbind(){
    var h1 = document.getElementById(&#39;h1&#39;);
    h1.onclick= false; // 或者 h1.onclick= null ;
}
Nach dem Login kopieren

2. Verwenden Sie dann removeEventListener, um das gebundene Ereignis zu löschen

    var h1 = document.getElementById(&#39;h1&#39;);
	h1.addEventListener(&#39;click&#39;,clickx_,false);
	function clickx_(){
		alert("点击到了");
		unclick();
	}
Nach dem Login kopieren

[Empfohlenes Lernen:

Javascript-Tutorial für Fortgeschrittene

]

Das obige ist der detaillierte Inhalt vonSo lösen Sie die Bindung eines Ereignisses in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage