关于DOM事件
- 问题不难,主要是不知道这些专业名词的意思
一、基本概念
1、DOM事件级别
- DOM0
- dom.οnclick=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
邮箱:1017386624@qq.com