前端面试-----DOM事件类

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: 返回触发事件的元素

自定义事件：