DOM0级事件元素绑定多个click最后只执行最后一个click
DOM2级事件元素绑定多个click,都要执行
注意当绑定的多个事件名,函数名,事件发生阶段三者完全一样时,才执行最后一个
div.addEventListener("click",fn1,false)
div.addEventListener("click",fn1,true)
参数尽量不要使用匿名函数
区别
1.dom0级绑定多个相同的事件,后者会覆盖前者;dom2级不会
2.dom0级只适合普通事件 ;dom2级还有指定的事件类型如DOMContenLoaded(当html文档结构加载完成之后执行)这个事件就是jQuery.ready()的区别
window.onload和$(document).ready()的区别
事件取消DOM0级直接赋值null,DOM2级需要使用removeEventListener()
div.onclick=function(){
console.log(123)
}
div.onclick=null;DOM0级取消事件
div.addEventListener(“click”,fn1,false)
function fn1(){
console.log(123)
}
div.removeEventListener(“click”,fn1,false)DOM2级取消事件