史上最全DOM事件类

1. 基本概念
2. DOM事件流
3. DOM事件模型
4. 描述DOM事件捕获的具体流程

1⃣️.DOM事件的级别

    //DOM 0 
    element.onclick=function(){}
    //DOM 2
    element.addEventListener('click',function(){},false)
    //DOM 3
    element.addEventListener('keyup',function(){},false)

2⃣️.事件模型

从上往下捕获
从下往上冒泡

3⃣️.事件流

• 捕获阶段
• 目标阶段
• 冒泡阶段

4⃣️.DOM事件捕获的具体流程

window >> document >> html >> body >> … >> 目标元素
冒泡过程反之

5⃣️.Event对象的常见应用

    event.preventDefault() //阻止默认事件 
    event.stopPropagation() //阻止冒泡
    event.stopImmediatePropagation()//停止当前节点以及所有后续节点的事件处理程序的运行
    event.currentTarget()//返回其监听器触发事件的节点，即当前处理该事件的元素、文档或窗口。
    event.target() //返回触发此事件的元素（事件的目标节点）。