前段面试（Dom）

述DOM事件捕获/冒泡的具体流程

• 捕获 — window --> document --> html --> body --> … --> 目标元素
• 冒泡 —目标元素 … --> body --> html --> document --> window
• 补充扩展：
• 扩展一个可能会遇到的小问题：就是如何获取html标签
• 通过document.documentElement来获取

Event对象的常见应用

• event.preventDefault() — 阻止默认行为
• event.stopPropagation() — 阻止冒泡
• event.stopImmediatePropagation() — 阻止事件冒泡并且阻止相同事件的其他侦听器被调用（–MDN）
• event.currentTarget — 当前所绑定的事件
• event.target — 当前被点击的元素，常常会考事件委托
  Q：有一个列表里有10个li元素，现要给10个li都添加点击事件，如何添加？
  A：给他们的父元素去加一个点击事件，通过event.target 属性来知道点击的哪一个li元素
  自定义事件

var eve = new Event('custome') // 注册事件
dom.addEventListener('custome', function() {
  // 绑定事件名称
  console.log('我是自定义事件')
})
dom.dispatchEvent(eve) // 通过dispatchEvent 来触发事件

DOM数