前端dom面试题(前端dombom)

导语：前端面试—DOM事件

1.DOM事件级别

DOM0element.onclick=function(){}

DOM2element.addEventListener('click', function(){}, false)

DOM3element.addEventListener('keyup', function(){}, false)

2.事件模型：捕获和冒泡

3.事件流：事件通过捕获到达目标元素，在冒泡上传到window对象

4.描述DOM事件捕获的具体流程

从window传递到document在传递到html—>body—>...—>目标元素

5.Event对象的常见应用

event.preventDefault() // 例如阻止a标签默认跳转行为

event.stopPropagation() // 阻止冒泡

event.stopImmediatePropagation() // 同一个元素绑定两个click事件，优先级

event.currentTarget // 事件委托，父元素

event.target // 事件委托，获取子元素

6.自定义事件

var eve = new Event('custome'); // Event换为CustomEvent可传参

dom.addEventListener('custome', function() {console.log(...)});

dom.dispatchEvent(eve);

-----------------------------------------------------------------------------------------------

看完有什么问题，欢迎留言讨论哦~

本文内容由小思整理编辑！