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寫在標簽內，都是dom0級事件，fn和fn1依次執行; 第二種獲取元素，綁定onclick事件也是dom0級，第二個會覆蓋第一個onclick，也會覆蓋行內的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的綁定方式，不會覆蓋，會依次執行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級會覆蓋行內的fn和fn1方法，但是js里面的dom0可以喝dom2共存，結果是彈出111 jq的dom2級點擊第一次 原生dom2級第一次click；
以上內容是小編給大家帶來的JS中dom0級事件和dom2級事件的區別介紹 ，希望對大家有所幫助，同時也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
