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>
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 !
