基本概念:DOM事件的级别
DOM标准定义的级别:
DOM0 element.οnclick=function(){}
DOM1定义的时候没有设置与事件相关的东西,所以提及事件时没有DOM1.但是DOM标准仍存在。
DOM2 element.addEventListener(‘click’,function(){},false)
DOM3 elemet.addEventListener('keyup',function(){},false)
DOM事件模型:冒泡:从上往下和捕获:从元素往上
DOM事件流:一个完整的事件流三个阶段。第一阶段捕获。第二阶段目标阶段。第三阶段就是丛目标元素上传,也就是冒泡事件。
描述DOM事件捕获的具体流程
window然后document然后html标签然后body最后到达目标元素
Event对象的常见应用
第一个阻止默认事件
第二个阻止冒泡的行为
第三个事件响应优先级,要搞明白
第四个event.currentTarget可指定父级元素
自定义事件(模拟事件)
evnet的不足是只能指定事件名,不可以指定参数。
CustomEvent可以,可以跟一个object来指定参数。