DOM0 -Ereignis
<a href = "#" id = "hash" onclick = "fn (); fn ();"> <button type = "button btn = $ ('#hash'). get (); btn.onclick = function () {alert ('');}; btn.onclick = function () {alert ('');};Wenn der Onclick beispielsweise im obigen Tag geschrieben ist, handelt es sich bei allen Ereignissen auf DOM0-Ebene, und FN und FN1 werden nacheinander ausgeführt. Der zweite Typ, um Elemente zu erhalten und das Onclick-Ereignis zu binden, ist ebenfalls DOM0-Ebene. Der zweite wird den ersten Onclick überschreiben und auch den Einklick in der Linie überschreiben, und nur 222 werden auftauchen.
DOM2 -Ereignis
$ ('#Hash'). Click (function () {alert ('JQs DOM2 First Click')}); Klicken Sie auf ')}, false);Die obigen Bindungen sind alle DOM2 -Ereignisbindung. Die ersten beiden sind JQ -Bindungsmethoden, und letztere sind native JS -Bindungsmethoden, die nicht überschrieben werden. Die JQ -Bindungsmethode und die native Bindungsmethode werden nacheinander ausgeführt. Dies soll anderswo auf DOM0 -Ebene gehen;
DOM0 und DOM2 koexistieren zusammen
<a href = "#" id = "hash" onclick = "fn (); fn1 ();"> <button type = "button"> zum obigen zurückkehren, um </button> </a> <script type = "text/javaScript"> Funktion fn () {ALERT ('ADE'); btn = $ ('#hash'). get (0); btn.onclick = function () {alert ('111');}; Klicken Sie auf ')}, false); </script>Das obige Beispiel hat zwei Bindungsereignisse auf DOM0 -Stufe und zwei DOM3 -Bindung. Die in JS geschriebene DOM0 -Ebene wird die FN- und FN1 -Methoden in der Zeile abdecken, aber DOM0 in JS kann DOM2 -Koexistieren trinken, und das Ergebnis ist, dass das DOM2 -Klick von 111 JQ aufgetaucht ist. Das erste Mal, dass das native DOM2 -Klick klickt, wird geklickt.
Der obige Inhalt ist eine Einführung in den Unterschied zwischen Ereignissen auf DOM0-Ebene und Ereignissen auf DOM2-Ebene in JS, die Ihnen vom Herausgeber zu Ihnen gebracht wurden. Ich hoffe, es wird Ihnen hilfreich sein. Gleichzeitig möchte ich Ihnen viel für Ihre Unterstützung für die Wulin.com -Website danken!