专栏首页小蔚记录js --- 事件流

js --- 事件流

1.事件流

  事件发生时会在元素节点与根节点之间按照特定的顺序传播,路径所经过的所有节点都会收到该事件,这个传播过程即DOM事件流。

2.两种事件流模型

  1.冒泡型事件流:事件的传播是从最特定事件目标到最不特定的事件目标。即从DOM树的叶子到根

  2.捕获型事件流:事件的传播是从最不特定的事件目标到最特定的事件目标。即从DOM树的根到叶子

3.绑定事件的方法

  1.普通浏览器

绑定事件:addEventListener(type,name,bool);

    删除事件:removeEventListener()

  2.ie 低版本

绑定事件:attachEvent()

    删除事件:detachEvent()

4.参数说明

type 事件类型 例如:click load

  name 事件执行函数

  bool true 为事件捕获 && false 为事件冒泡

5.阻止事件冒泡和 事件捕获

1.阻止事件冒泡 不 阻止默认行为

    event.stopPropagation();

  2.阻止事件冒泡 和 默认行为

    return false

  3.阻止默认行为 不 阻止事件冒泡

    event.preventDefault();

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JavaScript事件对象与事件处理程序

    事件对象:在DOM触发事件时,会产生一个事件对象event,这个事件对象包含着所有与事件相关的信息。既然event是事件对象,那么它必然存在属性

    小蔚
  • 使用h5 <a>标签 href='url' download 下载踩过的坑

    如果url指向第三方资源,download会失效,表现和不使用download时一致——浏览器能打开的文件,浏览器会直接打开,不能打开的文件,会直接下载。浏览器...

    小蔚
  • Blob

    如果你允许用户从你的网站上下载某些文件,那你可能会遇到 Blob 类型。为了实现上述的功能,你可以很容易从网上找到相关的示例,并根据实际需求进行适当的调整。对于...

    小蔚
  • 在微服务中使用领域事件|洞见

    稍微回想一下计算机硬件的工作原理我们便不难发现,整个计算机的工作过程其实就是一个对事件的处理过程。当你点击鼠标、敲击键盘或者插上U盘时,计算机便以中断的形式处理...

    ThoughtWorks
  • Javascript - 事件顺序

    崔庆才
  • WWDC案例解读:大众点评相机直接扫描支付是怎么实现的

    去年12月4日,Apple CEO Tim Cook 和王兴共同出现在上海的一家老字号生煎店“大壶春”,现场用大众点评App体验了iOS 11新功能,包括用地图...

    美团技术团队
  • git commit emoji 使用指南

    git commit 时使用 emoji 为本次提交打上一个 “标签”, 使得此次 commit 的主要工作得以凸现,也能够使得其在整个提交历史中易于区分与查找...

    品茗IT
  • 腾讯视频Mac App自动化测试实践

    Mac已然是一个不可或缺的平台,但是相对其它平台来说,针对Mac app的各项专项测试却没有多少资料可供参考,本篇文章介绍了腾讯视频Mac端的各项专项测试总结,...

    腾讯移动品质中心TMQ
  • ElasticSearch权威指南学习(结构化查询)

    GET /index_2014*/type1,type2/_search {}

    老梁
  • Eclipse插件之Hidden Heap Status EclipseBBSUIthread工作

      本文介绍如何利用Eclipse 插件Hidden Heap Status 在Eclipse 中的使用。   Eclipse 是目前非常流行的开发平台,开放扩...

    阿敏总司令

扫码关注云+社区

领取腾讯云代金券