关于DOM事件

• 问题不难，主要是不知道这些专业名词的意思

一、基本概念

1、DOM事件级别

• DOM0
  • dom.onclick=function()
• DOM2
  • dom.addEventListener(‘click’,方法,默认false冒泡时触发)
• DOM3
  • dom.addEventlistener(‘新的鼠标键盘事件’,方法,默认false冒泡时触发)

2、DOM事件模型

• 捕获和冒泡

3、DOM事件流

• 浏览器与用户交互时，事件触发的步骤
• 用户鼠标左键事件–>浏览器捕获–>目标元素–>冒泡

4、DOM事件捕获具体流程

• 如问“第一个接收到事件的对象是什么？”
  
  

二、应用

1、event对象的常见应用

• 阻止默认事件
  • event.preventDefault()
• 阻止冒泡事件
  • event.stopPropagation()
• 事件优先级
  • event.stoplmmediatePropagation()
• 事件委托
  • 一个for循环，给父元素dom添加事件
  • 这个事件可以识别循环的n个子元素的事件触发
  • event.currentTarget()获取当前点击的子元素
  • event.target()事件委托的父元素

2、自定义事件怎么写

var eve = new Event('custom') //创建自定义事件
dom.addEventListener('custom',回调函数) //绑定自定义事件
dom.dispatchEvent(eve) //触发自定义事件

• new customEvent(’’)创建自定义事件，还能传入参数

---

项目来源：慕课网
如有建议和疑问可联系
QQ：1017386624
邮箱：[email protected]