JS中dom0级事件和dom2级事件的区别介绍
dom0级事件
<a href="#" id="hash" onclick="fn();fn();">
<button type="button">返回上⾯进⾏开通</button>
</a>
var btn=$('#hash').get();
alert('');
};
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(){
原生js和js的区别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);
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级事件的区别介绍，希望对⼤家有所帮助，同时也⾮常感谢⼤家对⽹站的⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。