简述DOM事件模型

265 阅读1分钟

1.什么是Dom事件模型

DOM事件模型。DOM事件模型分为两种:事件冒泡和事件捕获。事件冒泡最初是微软提出的DOM事件流的模型,顾名思义,就是指浏览器的事件流如同冒泡一样,从最低处到最高处。最低处对应的是DOM中最具体的元素,最高处则是最外层元素,最外层元素一般就是document元素。

如图所示

微信截图_20211221152125.png

从外到内找监听函数叫事件捕获

从内到外找监听函数叫事件冒泡

2.target 与 currentTarget 区别

target是用户操作的元素。 currentTarget是程序员监听的元素。

举例 div>span{文字} ,用户点击文字。 e.target就是span e.currentTarget就是监听的元素。

3. 其他补充

取消冒泡

e.stopPropagation()可以中断冒泡,一般用于封装一些独立的组件。

事件的特性

Bubbles 表示是否冒泡 Cancelable表示是否支持开发者取消冒泡

默认动作

preventdefault()阻止默认动作。