事件流

事件流

概述：事件流指代的是事件的执行流程，多个盒子嵌套相同事件，这个时候你触发一个盒子的事件，并不会只执行一个盒子的事件的处理函数，而是全部执行。

事件流的俩种模式

冒泡模式（浏览器采用的）

冒泡模式指代的是事件从里到外逐个执行

阻止事件冒泡

e.stopPropagation() 函数 （*）（stop）

e.stopPropagation() 函数 （*）（stop）

兼容写法

e.stopPropagation?e.stopPropagation():e.cancelBubble = true

捕获模式

捕获模式指代的是事件从外到里逐个执行

默认行为

就是一个元素会自带的行为称为默认行为 a标签的默认行为会跳转 form标签里面submit按钮默认会提交（刷新页面）鼠标右键会出现一个菜单栏 等等一系列的问题

有些时候我们不需要这些行为的产生 那么我们就需要阻止默认行为

阻止默认行为的js实现

e.preventDefault() 函数 （*） （prevent）

e.returnValue = false ie的兼容

return false 直接结束对应的操作

e.preventDefault?e.preventDefault():e.returnValue = false //兼容