JS中触发事件的两种方式比较

addEventListener()

该方法需要三个参数，分别是

1.事件的字符串，不要on

2.回调函数，当事件触发时该函数会被调用

3.是否在捕获阶段触发事件，需要一个布尔值，一般都传false

注意：该方法不支持IE8及以下浏览器

使用例子：

btn01.addEventListener("click",function(){
					alert(1);
				},false);
				
btn01.addEventListener("click",function(){
					alert(2);
				},false);
				
btn01.addEventListener("click",function(){
					alert(3);
				},false);

以上中事件1，2，3会被依次按顺序执行，这也是和onclick最大的区别，使用onclick不能连续绑定多个触发事件，以上代码执行效果如下：

attachEvent()

该方法需要两个参数，分别是

1.事件的字符串，需要on

2.回调函数

注意：该方法只支持IE8及以下浏览器

使用例子：

btn01.attachEvent("onclick",function(){
					alert(1);
				});
				
btn01.attachEvent("onclick",function(){
					alert(2);
				});
				
btn01.attachEvent("onclick",function(){
					alert(3);
				});

和addEventListener()不同的是，attachEvent()的执行顺序与绑定顺序是相反的，以上代码的执行效果如下：

还有一个就是在attachEven()中使用this返回的是window对象，而addEventListener()返回的则是当前的调用对象