JS中事件绑定的2种方式

    首先，在body里写一些内容。

                

    接着，CSS随便写一下，然后在JS中获取页面元素后开始操作

1，绑定事件方式一：on+事件名

* 1，只能添加一个事件处理函数（绑定一个）
* 2，如果多次绑定，后面的事件会覆盖掉前面的事件。
* 
* 取消绑定：事件 = null

* 例如：元素.onclick = null;

2，事件绑定方式二：addEventListener 方式

（1）  * 语法结构：元素.addEventListener（参数一，参数二，参数三）
* 参数一：事件名称
* 参数二：要触发的事件
* 参数三：Boolean值，是否要捕获的意思。true 代表捕获方式处理，false代表冒泡方式处理。默认值 false
* 
* 作用：
* 1，为元素绑定事件，同时 可以添加多个事件处理函数
* 2，触发时 会按照事件绑定的先后顺序，依次触发
* 
* *******IE 6，7，8不支持addEventListener*****

* 使用 attachEvent（"事件名"，事件处理函数）来绑定事件。

                

           2） 取消事件绑定：removeEventListener("事件名"，事件处理函数，是否捕获)
* 
* 
* *******IE6， 7，8*****
* 使用detachEvent（"事件名"，事件处理函数）来取消事件绑定
* 

* 如果绑定事件时使用的是匿名函数，该匿名函数无法取消绑定。