DOM 事件模型
DOM 事件模型分为两种:事件捕获和事件冒泡
事件捕获 : 以点击事件为例,同类型事件会由 根—>目标的祖先素—>目标的父元素—>目标 元素
事件冒泡 : 和事件捕获截然相反。在一个元素上触发事件的时候,这个事件会从里到外向传播,这个元素的所有父级元素的"同名事件"会被依次触发,直到它被处理,或者它达到了对象层次的最顶层,即document(有些浏览器时window)
应用场景: 事件委托技术
事件传播 : 事件捕获和事件冒泡都有事件传播阶段,传播阶段就是事件从触发开始到结束的过程。 优先级:先捕获,再冒泡。
阻止事件
(1)w3c 方法是 event.stopPropagation() 事件处理过程中,阻止冒泡事件,但不会阻止默认行为
(2)IE 则是使用 event.cancelBubble = true 阻止事件冒泡
(3)return false; jquery 里面事件处理过程中,阻止冒泡事件,也阻止默认行为
阻止默认行为:
e.preventDefault()