Einführung in den Unterschied zwischen Ereignissen auf Dom0-Ebene und Ereignissen auf Dom2-Ebene in JS_Javascript-Kenntnissen

Dom Level 0 Event

<a href="#" id="hash" onclick="fn();fn();">
<button type="button">返回上面进行开通</button>
</a> 
var btn=$('#hash').get();
btn.onclick=function(){
alert('');
};
btn.onclick=function(){
alert('');
}; 

Das Schreiben von onclick in das Tag wie oben ist ein Ereignis auf dom0-Ebene, und fn und fn1 werden nacheinander ausgeführt. Die zweite Möglichkeit, ein Element abzurufen und ein onclick-Ereignis zu binden, erfolgt ebenfalls auf dom0-Ebene, und die zweite überschreibt das Beim ersten Onclick wird nur 222 angezeigt.

Dom2-Level-Ereignis

$('#hash').click(function(){
alert('jq的dom2级点击第一次')
});
$('#hash').click(function(){
alert('jq的dom2级点击第二次')
});
btn.addEventListener('click',function(){
alert('原生dom2级第一次click')
},false);
btn.addEventListener('click',function(){
alert('原生dom2级第二次click')
},false) 

Die oben genannten Bindungen sind alle Ereignisbindungen auf DOM2-Ebene, und die beiden letzteren sind native JS-Bindungsmethoden. Sie werden nicht überschrieben und führen nacheinander die JQ-Bindungsmethoden aus Bindungsmethode, dies soll an anderer Stelle auf dom0-Ebene erfolgen;

dom0 und dom2 koexistieren

<a href="#" id="hash" onclick="fn();fn1();">
<button type="button">返回上面进行开通</button>
</a>
<script type="text/javascript">
function fn(){
alert('ade');
}
function fn1(){
alert('ade111');
}
var btn=$('#hash').get(0);
btn.onclick=function(){
alert('111');
};
$('#hash').click(function(){
alert('jq的dom2级点击第一次')
});
btn.addEventListener('click',function(){
alert('原生dom2级第一次click')
},false);
</script> 

Das obige Beispiel hat zwei Bindungsereignisse auf dom0-Ebene und zwei auf dom3-Ebene. Die in js geschriebene dom0-Ebene überschreibt die Methoden fn und fn1 in der Zeile, aber dom0 in js kann mit dom2 koexistieren, und das Ergebnis ist 111 Der erste Klick auf die dom2-Ebene von jq ist das erste Mal, dass auf die native dom2-Ebene geklickt wird

Der obige Inhalt ist die Einführung des Herausgebers in den Unterschied zwischen Ereignissen auf Dom0-Ebene und Ereignissen auf Dom2-Ebene in JS. Ich hoffe, dass er Ihnen hilfreich sein wird. Gleichzeitig bin ich sehr dankbar für Ihre Unterstützung der Script House-Website !