认识事件监听
JavaScript脚本和浏览器之间交互时，浏览器给我们提供的BOM、DOM等一些对象模型。
事实上还有一种需要和浏览器经常交互的事情就是事件监听：
浏览器在某个时刻可能会发生一些事件，比如鼠标点击、移动、滚动、获取、失去焦点、输入内容等等一系列的事件；
我们需要以某种方式（代码）来对其进行响应，进行一些事件的处理；
在Web当中，事件在浏览器窗口中被触发，并且通过绑定到某些元素上或者浏览器窗口本身，那么我们就可以 给这些元素或者window窗口来绑定事件的处理程序，来对事件进行监听。
如何进行事件监听呢？
事件监听方式一：在script中直接监听；
事件监听方式二：通过元素的on来监听事件；
事件监听方式三：通过EventTarget中的addEventListener来监听；
认识事件流的由来
事实上对于事件有一个概念叫做事件流，为什么会产生事件流呢？
我们可以想到一个问题：当我们在浏览器上对着一个元素点击时，你点击的不仅仅是这个元素本身；
这是因为我们的HTML元素是存在父子元素叠加层级的；
比如一个span元素是放在div元素上的，div元素是放在body元素上的，body元素是放在html元素上的
Node节点
所有的DOM节点类型都继承自Node接口。
developer.mozilla.org/zh-CN/docs/…
Node有几个非常重要的属性：
nodeName：node节点的名称。
nodeType：可以区分节点的类型。
nodeValue：node节点的值；
childNodes：所有的子节点；
携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第25天，点击查看活动详情
