Das einfachste ist Folgendes:
<input type = "button" onclick = "alert (this.value)" value = "Ich bin eine Taste" />
Dynamisch Onclick -Event hinzufügen:
<Eingabe type = "button" value = "Ich bin eine Taste" id = "bu"> <script type = "text/javaScript"> var bobj = document.getElementById ("bu"); bobj.onclick = objclick; Funktion objclick () {alert (this.Value)}; </script>Wenn Sie die anonyme Funktionsfunktion () {} verwenden, ist dies wie folgt:
<input type = "button" value = "Ich bin eine Taste" id = "bu"> <skript type = "text/javaScript"> var bobj = document.getElementById ("bu"); bobj.onclick = function () {alert (this.value)}; </script>Die obigen Methoden sind tatsächlich das gleiche Prinzip, sie alle definieren den Wert des Onclick -Attributs. Es ist erwähnenswert, dass, wenn obj.onclick mehrfach definiert ist, wie z. B. obj.onclick = methode1; obj.onclick = method2; obj.onclick = method3, dann wird nur die letzte Definition obj.onclick = method3 wirksam, und die beiden vorherigen Definitionen werden von der letzten überschrieben.
Schauen wir uns den Anhang in IE erneut an:
<input type = "button" value = "Ich bin Laden" id = "bu"> <script type = "text/javaScript"> var bobj = document.getElementById ("bu"); Bobj.attachEvent ("Onclick", Method1); Bobj.attachent ("Onclick", Method2); alert ")} Funktion method2 () {alert (" zweite alert ")} Funktion method3 () {alert (" dritter Alarm ")} </script>Die Ausführungsreihenfolge ist Method3> Method2> Method1, zuerst in und dann heraus, ähnlich wie die Variablen im Stapel. Es ist zu beachten, dass der erste Parameter in AttachEvent beginnt, der sich auf einen Einklick/Onmouseover/Onfocus usw. handeln kann.
Es wird gesagt, dass es (unbestätigte Überprüfung) am besten ist, Abteilung für den freien Speicher zu verwenden, nachdem er AttenEvent im IE verwendet hat.
Schauen wir uns den AddEventListener in Firefox an:
<input type = "button" value = "Ich bin Bush" id = "bu"> <script type = "text/javaScript"> var bobj = document.getElementById ("bu"); bobj.addeventListener ("click", method1, false); Bobj.adDeVentListener ("Click, Methode 2, false); method1 () {alert ("Erstalert")} Funktion method2 () {alert ("zweite alert")} Funktion Methode3 () {alert ("dritter Allert")} </script>Wie Sie sehen können, ist die Ausführungsreihenfolge in FF Method1> Method2> Methode3, die genau das Gegenteil von IE ist, zuerst zuerst. Es ist zu beachten, dass AddEventListener drei Parameter hat. Der erste ist der Ereignisname ohne "On", wie z. B. Click/Mausover/Focus usw.
Das einfache Beispiel für das Onclick -Ereignis im Div von JS ist der gesamte Inhalt, den ich mit Ihnen teile. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.