1.什么是Dom事件模型
DOM事件模型。DOM事件模型分为两种:事件冒泡和事件捕获。事件冒泡最初是微软提出的DOM事件流的模型,顾名思义,就是指浏览器的事件流如同冒泡一样,从最低处到最高处。最低处对应的是DOM中最具体的元素,最高处则是最外层元素,最外层元素一般就是document元素。
如图所示
从外到内找监听函数叫事件捕获
从内到外找监听函数叫事件冒泡
2.target 与 currentTarget 区别
target是用户操作的元素。 currentTarget是程序员监听的元素。
举例
div>span{文字} ,用户点击文字。
e.target就是span
e.currentTarget就是监听的元素。
3. 其他补充
取消冒泡
e.stopPropagation()可以中断冒泡,一般用于封装一些独立的组件。
事件的特性
Bubbles 表示是否冒泡 Cancelable表示是否支持开发者取消冒泡
默认动作
preventdefault()阻止默认动作。