12.4笔记 事件

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级取消事件

原文地址:https://www.cnblogs.com/bogeyijiu/p/10066359.html