前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js --- 事件流

js --- 事件流

作者头像
小蔚
发布2019-09-11 15:43:34
7.5K0
发布2019-09-11 15:43:34
举报
文章被收录于专栏:小蔚记录小蔚记录

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();

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-01-17 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.事件流
    • 2.两种事件流模型
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档