DOM事件的级别:
DOM0 : element.onclick = function(){}
DOM2 : element.addEventListener('click', function(){}, false)
DOM3 : element.addEventListener('keyup', function(){}, false)
DOM事件模型:
捕获和冒泡
DOM事件流:
事件通过捕获到达目标元素,然后从目标元素冒泡上传到window对象
描述DOM事件捕获的具体流程:
window->document->html->body->......->目标元素 冒泡反向传递
Event对象的常见应用:
event.preventDefault(): 阻止默认行为
event.stopPropagation(): 阻止冒泡
event.stoplmmediatePropagation(): 注册两个click事件,响应函数中加入,会阻止执行
event.currentTarget: 返回绑定事件的元素
event.target: 返回触发事件的元素