事件处理--监听

• EventUtil.addHandler
• addEventListener

什么是EventUtil?

在javascript中，DOMO、DOM2与旧版本的IE(8-)为对象添加事件的方法不同，为了以跨浏览器的方式处理事件，需要编写一段"通用代码"，即跨浏览器的事件处理程序，习惯上这个方法属于一个名为EventUtil的对象。编写并使用该对象后，可保证处理事件的代码能在大多数浏览器下一致的运行，事实上，EventUtil是为了平衡不同浏览器间实现事件的差异或事件方法的差异而存在的

参数地址：https://www.cnblogs.com/hykun/p/EventUtil.html

addEventListener

指定事件处理程序的方法为addEventListener( )
它接受3个参数：要处理的事件名、作为事件处理程序的函数和一个布尔值（大多数情况下是false）
（布尔值表示是在捕获阶段(true)还是冒泡阶段(false)调用事件处理程序）
为什么大多数情况下是false，也就是冒泡阶段调用事件处理程序
因为冒泡阶段是从元素本身开始向上传递，而捕获阶段是从document也就是根元素开始向下寻找，一个是从下往上一个是从上往下顺利相反，捕获阶段因为寻找的dom比较多所以更耗性能。

参考地址：https://blog.csdn.net/zsnpromsie/article/details/79744230