事件流

  • 事件流已关闭评论
  • 14 次浏览
  • A+
所属分类:Web前端
摘要

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


事件流

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

事件流的俩种模式

冒泡模式(浏览器采用的)

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

阻止事件冒泡

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 //兼容