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.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
1. Inline-Bindung: Bindung über Ereignisattribute in HTML-Tags, in der das ausgelöste Ereignis zugewiesen wird Attribut wie folgt: <button onclick="alert('123');">点击</button>
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('btn');
btn.onclick = function(){
alert("hello world");
}
}
</script>
</head>
<body>
<button id="btn">点击</button>
</body>
</html>
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('btn');
btn.addEventListener('click',function(){
alert("123");
},false);
}
</script>
</head>
<body>
<button id="btn">点击</button>
</body>
</html>
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!
