Pengenalan kepada perbezaan antara acara peringkat dom0 dan acara peringkat dom2 dalam kemahiran JS

Pengenalan kepada perbezaan antara acara peringkat dom0 dan acara peringkat dom2 dalam kemahiran JS_javascript

WBOY

Lepaskan： 2016-05-16 15:01:57

asal

1554 orang telah melayarinya

acara tahap 0 dom

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

Salin selepas log masuk

Menulis onclick dalam teg seperti di atas ialah acara tahap dom0, dan fn dan fn1 dilaksanakan mengikut urutan; onclick pertama Mengatasi onclick dalam baris hanya akan muncul 222.

acara peringkat dom2

$('#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)

Salin selepas log masuk

Pengikatan di atas adalah semua pengikatan peristiwa peringkat DOM2 Yang pertama ialah kaedah pengikatan jq, dan dua yang terakhir ialah kaedah pengikatan js asli Mereka tidak akan ditimpa dan akan melaksanakan kaedah pengikatan jq dan yang asli dalam urutan kaedah mengikat, ini adalah untuk pergi ke tempat lain pada tahap dom0;

dom0 dan dom2 wujud bersama

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

Salin selepas log masuk

Contoh di atas mempunyai dua peristiwa mengikat tahap dom0 dan dua tahap dom3 Tahap dom0 yang ditulis dalam js akan mengatasi kaedah fn dan fn1 dalam baris, tetapi dom0 dalam js boleh wujud bersama dom2, dan hasilnya ialah 111. klik pertama tahap dom2 jq ialah kali pertama tahap dom2 asli diklik;

Kandungan di atas adalah pengenalan editor kepada perbezaan antara acara peringkat dom0 dan acara peringkat dom2 dalam JS. Saya harap ia akan membantu anda Pada masa yang sama, saya sangat berterima kasih atas sokongan anda terhadap Skrip Laman web rumah!