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

自定义事件:


猜你喜欢

转载自blog.csdn.net/proswpualan/article/details/80721043