事件流
事件流
概述:事件流指代的是事件的执行流程,多个盒子嵌套相同事件,这个时候你触发一个盒子的事件,并不会只执行一个盒子的事件的处理函数,而是全部执行。
冒泡模式(浏览器采用的)
冒泡模式指代的是事件从里到外逐个执行
阻止事件冒泡
e.stopPropagation() 函数 (*)(stop)
e.stopPropagation() 函数 (*)(stop)
兼容写法
e.stopPropagation?e.stopPropagation():e.cancelBubble = true
捕获模式
捕获模式指代的是事件从外到里逐个执行
e.preventDefault() 函数 (*) (prevent)
e.returnValue = false ie的兼容
return false 直接结束对应的操作
e.preventDefault?e.preventDefault():e.returnValue = false // 兼容