這篇文章主要介紹了JS中dom0級事件和dom2級事件的區(qū)別介紹，非常有參考價值，特此分享到腳本之家平臺供大家參考

dom0級事件

<a href="#" id="hash" onclick="fn();fn();">

<button type="button">返回上面進行開通</button>

</a> 

var btn=$('#hash').get();

btn.onclick=function(){

alert('');

};

btn.onclick=function(){

alert('');

};

像上面把onclick寫在標簽內(nèi)，都是dom0級事件，fn和fn1依次執(zhí)行; 第二種獲取元素，綁定onclick事件也是dom0級，第二個會覆蓋第一個onclick，也會覆蓋行內(nèi)的onclick，只會彈出222。

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)

以上的綁定都屬于dom2級事件綁定，前面兩種都是jq的綁定方式，后面都是原生js的綁定方式，不會覆蓋，會依次執(zhí)行jq的綁定方法和原生的綁定方法，這就是于dom0級的去別處；

dom0和dom2共存

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

上面的例子有一個兩個dom0級和兩個dom3級綁定事件，js里面寫的dom0級會覆蓋行內(nèi)的fn和fn1方法，但是js里面的dom0可以喝dom2共存，結(jié)果是彈出111 jq的dom2級點擊第一次 原生dom2級第一次click；

以上內(nèi)容是小編給大家?guī)淼腏S中dom0級事件和dom2級事件的區(qū)別介紹 ，希望對大家有所幫助