1.DOM事件的级别
2.DOM事件模型
3.DOM事件流
4.描述DOM事件捕获的具体流程
5.Event对象的常见应用
6.自定义事件
- DOM0 element.onclick = function(){}
DOM2 element.addEventListener(‘click’, function(){},false)
DOM3 element.addEventListener(‘keyup’,function(){},false) - 捕获和冒泡
- 捕获-目标阶段-冒泡阶段
- window-document-html-body-目标元素
- event.preventDefault()
event.stopPropagation()
event.currentTarget
event.target - 自定义事件
通过New Event()生成事件
let eve = new Event(‘custome’) ---定义事件
dom.addEEventListener(‘custome’,()=>{ --- 注册事件,将事件注册到dom节点上
console.log('ok')
})
通过 dispatchEvent()调用自定义事件
dom.dispatchEvent(eve)