Acara Level DOM0
<a href = "#" id = "hash" ontClick = "fn (); fn ();"> <tombol type = "tombol"> kembali ke di atas untuk mengaktifkan </button> </a> var btn = $ ('#hash'). get (); btn.onClick = function () {warn (');};};}; {Btn.Misalnya, jika onClick ditulis dalam tag di atas, itu semua adalah acara tingkat DOM0, dan FN dan FN1 dieksekusi secara berurutan; Tipe kedua untuk mendapatkan elemen, dan mengikat acara OnClick juga merupakan tingkat DOM0. Yang kedua akan menimpa onklick pertama, dan juga akan menimpa onklick di baris, dan hanya 222 yang akan muncul.
Acara Level DOM2
$ ('#hash'). Klik (function () {alert ('jq dom2 klik pertama')}); $ ('#hash'). Klik (function () {alert ('jq dom2 klik kedua')}); btn.addeventlistener ('klik', fungsi () {asli dom2 asli dom2 klik ')}, false); btn.addeventListener (' klik ', function () {alert (' DOM2 asli klik kedua ')}, false); btn.addeventListener (' klik ', function () {alert (' Native dom2 klik kedua ')}, false))Binding di atas adalah semua pengikatan acara DOM2. Dua yang pertama adalah metode pengikatan JQ, dan yang terakhir adalah metode pengikatan JS asli, yang tidak akan ditimpa. Metode pengikatan JQ dan metode pengikatan asli akan dieksekusi secara bergantian. Ini untuk pergi ke tempat lain di level DOM0;
DOM0 dan DOM2 hidup berdampingan
<a href = "#" id = "hash" ontClick = "fn (); fn1 ();"> <tombol type = "tombol"> kembali ke di atas untuk mengaktifkan </button> </a> <script type = "text/javascript"> function fn () {'ade'); function fn1 () {) {'(' ade ');} fn1 () {) {{' ade '); btn=$('#hash').get(0);btn.onclick=function(){alert('111');};$('#hash').click(function(){alert('JQ's dom2 level click for the first time')});btn.addEventListener('click',function(){alert('Native dom2 level first klik ')}, false); </script>Contoh di atas memiliki dua level DOM0 dan dua acara pengikatan level DOM3. Level DOM0 yang ditulis dalam JS akan mencakup metode FN dan FN1 di barisan, tetapi DOM0 di JS dapat minum DOM2 hidup berdampingan, dan hasilnya adalah bahwa 111 klik level DOM2 JQ muncul. Pertama kali klik level DOM2 asli diklik;
Konten di atas adalah pengantar perbedaan antara acara tingkat DOM0 dan acara tingkat DOM2 di JS yang dibawa kepada Anda oleh editor. Saya harap ini akan membantu Anda. Pada saat yang sama, saya ingin mengucapkan terima kasih banyak atas dukungan Anda untuk situs web Wulin.com!