dom0、dom2、dom3事件
dom0 事件的特点：
1. dom0 事件就是直接通过 onclick 绑定到 html上的事件
<input onclick="xx"/>
或者
2. 清理dom0 事件时，只需给该事件赋值为 null
3. 同⼀个元素的同⼀种事件只能绑定⼀个函数，否则后⾯的函数会覆盖之前的函数
4. 不存在兼容性问题
blur事件
dom2 事件的特点：
1. dom2 事件是通过 addEventListener 绑定的事件
2.同⼀个元素的同种事件可以绑定多个函数，按照绑定顺序执⾏
function a() {  ...  }
function b() {  ...  }
input.addEventListener( "click" ,a)
input.addEventListener( "click" ,b)
3.清除 dom2 事件时，使⽤ removeEventListener
dom2 级事件有三个参数： 第⼀个参数是事件名（如click）；
dom2 级事件有三个参数
                    第⼆个参数是事件处理程序函数；
                        第三个参数如果是true则表⽰在捕获阶段调⽤，为false表⽰在冒泡阶段调⽤。addEventListener()：可以为元素添加多个事件处理程序，触发时会按照添加顺序依次调⽤。removeEventListener()：不能移除匿名添加的函数。
DOM2 包含3个事件：事件捕获阶段、处于⽬标阶段和事件冒泡阶段
DOM2 包含3个事件
<span>
<a>  </a>
</span>
点击a后capturing(捕捉)阶段事件传播会从document-> span->a，然后发⽣在a，最后bubbling(冒泡)阶段事件传播会从a->span->document
事件冒泡和事件捕获
DOM2级事件处理添加进去的事件，我们可以控制事件的冒泡或是捕获过程。当addEventListener⽅法的第三个参数为true时，表⽰只进⾏事件捕获，不执⾏事件冒泡，再捕获的过程中，触发途径标签的对应事件函数。当第三个参数为false，表⽰执⾏事件冒泡的过程（默认情况）
DOM3级事件
DOM3级事件在DOM2级事件的基础上添加了更多的事件类型，全部类型如下：
UI事件，当⽤户与页⾯上的元素交互时触发，如：load、scroll
焦点事件，当元素获得或失去焦点时触发，如：blur、focus
⿏标事件，当⽤户通过⿏标在页⾯执⾏操作时触发如：dbclick、mouseup
滚轮事件，当使⽤⿏标滚轮或类似设备时触发，如：mousewheel
⽂本事件，当在⽂档中输⼊⽂本时触发，如：textInput
键盘事件，当⽤户通过键盘在页⾯上执⾏操作时触发，如：keydown、keypress
合成事件，当为IME（输⼊法编辑器）输⼊字符时触发，如：compositionstart
变动事件，当底层DOM结构发⽣变化时触发，如：DOMsubtreeModified
同时DOM3级事件也允许使⽤者⾃定义⼀些事件。
注意：
1）、cancelBubble可以取消事件冒泡；
2）、stopPropagation可以取消事件冒泡和下沉

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