DOM事件
1,事件级别
DOM0-dom.onclick=fun
DOM2-dom.addEventListener('click',fun,false)
DOM3-dom.addEventListener('keyup',fun,false) 添加了一些事件
2,事件模型
捕获 冒泡
3,事件流
点击对象(捕获)到达 (目标阶段)(冒泡)
事件通过捕获到达目标阶段上传到window对象就是冒泡过程
4,描述DOM事件捕获的具体流程
捕获从上到下(window-document-html-body) document.body
document.documentElement 拿到html
(冒泡)从下返着往上
5,Event 对象的常见应用
event.preventDefault()
event.stopPropagation()
event.stoplmmediatePropagation()
event.currentTarget 当前所绑定事件对象
event.target 当前点击的对象
6,自定义事件/模拟事件
var eve=new Event('custome');
ev.addEventListener('custome',function(){
console.log('custome')
})
ev.dispatchEvent(eve) 自定义触发事件
Event缺点,只能定义名字,不能加参数
CustomEvent,可以加参数
版权声明:本文由Web学习之路发布,如需转载请注明出处。