什么是事件冒泡

DOM 事件模型

DOM 事件模型分为两种:事件捕获和事件冒泡

事件捕获 : 以点击事件为例,同类型事件会由 根—>目标的祖先素—>目标的父元素—>目标 元素

事件冒泡 : 和事件捕获截然相反。在一个元素上触发事件的时候,这个事件会从里到外向传播,这个元素的所有父级元素的"同名事件"会被依次触发,直到它被处理,或者它达到了对象层次的最顶层,即document(有些浏览器时window)

应用场景: 事件委托技术

事件传播 : 事件捕获和事件冒泡都有事件传播阶段,传播阶段就是事件从触发开始到结束的过程。 优先级:先捕获,再冒泡。

阻止事件

(1)w3c 方法是 event.stopPropagation() 事件处理过程中,阻止冒泡事件,但不会阻止默认行为

(2)IE 则是使用 event.cancelBubble = true 阻止事件冒泡

(3)return false; jquery 里面事件处理过程中,阻止冒泡事件,也阻止默认行为

阻止默认行为:

e.preventDefault()

猜你喜欢

转载自blog.csdn.net/Qiemo_/article/details/124740895