Stellen Sie zunächst die allgemeine Methode zum Hinzufügen von Ereignissen durch JS ein. Der spezifische Inhalt ist wie folgt
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p id="p1">Test Add Event: firefox uses addEventListener, ie uses attachEvent<br> Click this p tag, and 2 pop-up events are bound</p> <script> function test1() { alert("test1"); } function test2 () {alert ("test2"); } // Ereignis allgemeine Methodenfunktion AddEvent (Element, E, Fn) {// Firefox verwendet AddEventListener, um Ereignis hinzuzufügen if (element.adDeventListener) {element.adDeVentListener (e, fn, false); } // dh attodeEvent zum Hinzufügen von Ereignissen {element.attachevent ("on"+e, fn); }} window.onload = function () {var element = document.getElementById ("p1"); AddEvent (Element, "Click", Test1); AddEvent (Element, "Click", test2); } </script> </body> </html>Häufige Möglichkeiten, JS -Ereignisse zu binden:
So binden Sie Ereignisse: Ereignisfunktionen mit Ereignisattributen binden
Vorteil:
1. Vervollständigen Sie die Trennung von Verhaltensweisen
2. Es ist bequem, das beteiligte Objekt zu betreiben, da die Funktion als On *** -attribut angezeigt wird. Sie können direkt auf das mit diesem verwendete Objekt verweisen.
3. Einfach zu lesenes Ereignisobjekte. Wenn das Ereignis ausgelöst wird, übergibt das System das Ereignisobjekt automatisch an die Ereignisfunktion, und einer von ihnen wird übergeben.
<? xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> js Ereignisbindung </title> <script type = "text/javaScript" text = "tection> <script" = "text/javaScript"> figway () usw. | k = document.getElementById ('k'). onclick = function (Ereignis) {var jj = document.getElementById ('jj'); jj.style.top = event.clientX+'px'; jj.style.left = event.clienty+'px'; }} </script> <style> #k {width: 60px; Höhe: 80px; background-color:#80ffff;} #jj{width:60px ;height:80px;background-color:#ffff00;z-index:1000;position:absolute;} </style> </head> <body> <div id="k"></div> <div id="jj"></div> </body> </html>Das Obige dreht sich alles um diesen Artikel, ich hoffe, es wird für das Lernen aller hilfreich sein.