DOM事件级别
DOM0 element.onclick=function(){}
DOM2
- 第一个参数是事件名(如click);第二个参数是事件处理程序函数;第三个参数如果是true则表示在捕获阶段调用,为false表示在冒泡阶段调用。
- elemnt.addEventListener(‘click’,function(){},false) elemnt.removeEventListener(‘click’,function(){},false)
- elemnt.attachEvent(‘onclick’,function(){}) elemnt.attachEvent(‘onclick’,function(){}) 兼容IE7、IE8等早期版本
DOM3 elemnt.addEventListener(‘keyup’,function(){},false) 同上,增加了鼠标、键盘等事件
ps:不能移除匿名添加的函数。
为什么没有DOM1
DOM1于1998年10月1日成为W3C推荐标准。DOM1标准中并没有定义事件相关的内容,所以没有所谓的DOM1事件模型
DOM事件模型
冒泡和捕获
DOM事件流
事件捕获阶段、处于目标阶段和事件冒泡阶段
捕获->目标阶段->冒泡
描述DOM事件捕获的具体流程
window->document->html->body->···->目标元素
Event对象的常见问题
event.preventDefault() 阻止默认是行为
event.stopPropagation() 阻止冒泡
event.stoplmmediatePropagation() 事件优先级
event.currentTarget 当前绑定事件的对象
event.target 当前点击对象