DOM事件知识点

这篇文章主要是总结一些DOM事件的基础知识点。

DOM事件的级别

dom事件级别.png

DOM3是鼠标 键盘这些事件

DOM事件模型

捕获和冒泡
捕获是从上到下 冒泡是从下到上

DOM事件流

分三个阶段
点击鼠标 -> 捕获 -> 目标阶段 目标对象 -> 冒泡

描述事件捕获的具体流程

window -> document ->html标签 ->body-> ...->目标元素

Event对象的常见应用

event.preverntDefault() 阻止默认行为
event.stopPropagation() 阻止冒泡事
event.stoplmmediatePropagation()
event.currentTarget 当前绑定的事件的对象
event.target 触发事件的目标对象

自定义事件

var eve = new Event('custome');
            var ev = document.getElementById('div');
            ev.addEventListener('custome',function(){
                console.log('custome')
            })

            ev.dispatchEvent(eve)

一些测试代码

    
    
    
    
    



    

        目标元素