初学者--JavaScript和HTML事件监听

开发项目，JavaScript和HTML的的解耦变得至关重要，使用事件动态绑定的方式来处理按钮的事件。W3C为我们提供了addEventListener()函数用来为指定的dom元素动态绑定事件。这个函数有三个参数：
type:用来设置时间类型，例如click
listener:用来设置监听事件的函数，及type类型的事件发生后执行的函数。
设置addEventListener()事件，滚动鼠标滚轮触发并在控制台输出，代码如下：
不过鉴于浏览器的兼用性只有Chrome&IE的可以。Firefox不可以那么就需要加上事件的监听代码如下：
在IE 8版本下 事件监听会出现异常所以加上判断，这样就解决问题了代码如下：
除了滚轮事件监听还有一个要判断滚轮向上滚动还是向下滚动。
滚轮事件对象属性：
Ev.wheelDelta --chrome&IE
ev.detail --firefox
然后给函数传进一个事件对象，还要解决一个问题就是事件对象的兼用性。
处理：进来函数 声明一个变量 e 首先接收传进来的事件对象 ev 然后传进IE的对象event。 代码：这段代码是固定写法 用的时候Ctrl+c + Ctrl+v。
输出的值是不一样的：如下
chrome 上：150； 下：-150
IE 上：120； 下：-120
firefox 上：-3； 下：3

三目运算法处理：首先声明变量 a = false
然后判断。首先判断有没有Ev.wheelDelta这个值，给a附上Ev.wheelDelta有没有大于0 如果有就true 没有就false；
在然后同理 代码如下：