这是我参与【第五届青训营】伴学笔记创作活动的第十一天
事件对象是什么：
也是个对象，这个对象里有事件触发时的相关信息
例如：鼠标点击事件中，事件对象就存了鼠标点在哪个位置等信息
如何获取：
在事件绑定的回调函数的第一个参数就是事件对象
一般命名为event，ev，e
元素.addEventListener(‘click’,function(e){}这个e就是事件对象
部分常用属性：
type：获取当前的事件类型
clientX/clientY：获取光标相当于浏览器可见窗口左上角的位置
offsetX/offsetY：获取光标相当于当前DOM元素左上角的位置
key:用户按下的键盘键的值
现在不提倡使用keyCode
事件流和两个阶段说明
事件流指的是事件完整执行过程中的流动路径
说明：假设页面里有个div，当触发事件时，会经历两个阶段，分别是捕获阶段，冒泡阶段
简单来说：捕获阶段是从父到子，冒泡阶段是从子到父
事件冒泡概念：
当一个元素的时间被触发时，同样的事件将会在该元素的所有祖先元素中依次被触发，这一过程称为事件冒泡
简单理解：当一个元素触发事件后，会依次向上调用所有父级的同名事件
事件捕获概念：
从DOM的根元素开始去执行相应的事件(从外到里)
事件捕获需要写对应代码才能看到效果
说明：
addEventListener第三个参数传入true代表是捕获阶段触发（很少使用）
若传入false则代表冒泡阶段触发，默认是false
若是用L0事件监听，则只有冒泡阶段，没有捕获
DOM.addEventListener(事件类型，事件处理函数，是否使用捕获机制)
阻止事件流动
因为默认就有冒泡模式的存在，所以容易导致事件影响到父级元素
若想把事件就限制在当前元素内，就需要阻止事件流动
阻止事件流动需要拿到事件对象
语法：事件对象.stopPropagation()
