Heim > Web-Frontend > js-Tutorial > Einführung in den Unterschied zwischen Ereignissen auf Dom0-Ebene und Ereignissen auf Dom2-Ebene in JS_Javascript-Kenntnissen

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

WBOY
Freigeben: 2016-05-16 15:01:57
Original
1561 Leute haben es durchsucht

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('');
}; 
Nach dem Login kopieren

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) 
Nach dem Login kopieren

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> 
Nach dem Login kopieren
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 !

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage