事件与事件流和冒泡流与捕获流


开发工具与关键技术:JavaScript

作者:吴观成

撰写时间:2019年4月4号

这里面有四个知识点,事件,事件流,冒泡流,捕获流,那它们分别是什么呢?

我们先了解什么是事件:
事件是文档和浏览器窗口发生的特定的交互瞬间。当我们与浏览器中的web页面进行某些类型的交互时,事件就发生了。事件可能是用户在某些内容上的点击,鼠标经过某个特定元素或按下键盘上的某些按键;事件还可能是web浏览器中发生的事情,比如说某个web页面加载完成,或者是用户滚动窗口或改变窗口的大小等等。
什么是事件流:
事件流指的是页面触发一个事件时,会按照一定的顺序来响应事件,事件的响应过程就为事件流。
什么是冒泡流:
冒泡流的定义是事件的触发顺序由内向外。举个事例:
在这里插入图片描述
在这里插入图片描述
我要点击的是P标签,但它的父级元素的点击事件也一层一层地被触发了,这就是冒泡流的由内向外。

什么是捕获流:
捕获流与冒泡流的定义相反,捕获流的定义是事件的触发顺序为由外向内,

用addEventListener事件监听的方法来获取捕获流的顺序:
在这里插入图片描述

在这里插入图片描述
我点击的也是P标签,但它的过程却是由外向内的,这就是捕获流。

注:本文并非是原创,是作者本人的百度摘抄笔记和一些自己的理解。刚才提到事件监听,我会再一篇写笔记来简单解释一下事件监听。

猜你喜欢

转载自blog.csdn.net/weixin_44547616/article/details/89075378