js --- 事件流

2019-09-11 15:43:34 浏览数 (1)

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 人点赞