DOM事件流和事件对象

52 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

DOM事件流

  • 事件流描述的是从页面中接收事件的顺序。
  • 事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程即DOM事件流。

比如我们给一个div 注册了点击事件:
在这里插入图片描述

事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程层即DOM事件流
注意:
在这里插入图片描述

在这里插入图片描述

4.事件对象

1.event 就是一个事件对象写到我们侦听函数的小括号里面当形参来看
2.事件对象只有有了事件才会存在,它是系统给我们自动创建的,不需要我们传递参数
3.事件对象是我们事件的系列相关数据的集合跟事件相关的比如鼠标点击里面就包含了鼠标的相 关信息,鼠标坐标啊,如果是键盘事件里面就包含的键盘事件的信息比如判断用户按下了那个键
4.这个事件对象我们可以自己命名比如event、evt、 e
5.事件对象也有兼容性问题ie678 通过window. event 兼容性的写法

4.1什么是事件对象
在这里插入图片描述

4.2事件对象的使用语法
在这里插入图片描述

4.4事件对象的常见属性和方法
在这里插入图片描述