事件绑定

一.作用：为同一个元素绑定多个相同的事件
二.方式：
1.对象.on事件名字=事件处理函数
注意：如果是多个相同事件注册用这种方式,最后一个执行,之前的被覆盖了
document.getElementById("btn").onclick=function(){}
2.对象.addEventListener("没有on的事件名字",事件处理函数,false);
document.getElementById("btn").addEventListener("click",function(){},false)
3.对象.attachEvent("有on的事件名字",事件处理函数);
document.getElementById("btn").attachEvent("onclick",function(){})

• 参数1：addEventLister()事件名字没有on；attachEvent()事件名字有on
• 参数2：事件处理函数可以是匿名函数，也可以是命名函数
• 参数3（.addEventListener（））：布尔类型。true表示：捕获阶段 false表示：冒泡阶段

三.区别
addEventListener()
attachEvent()
相同点：都可以为元素绑定事件
不同点:
1.方法名不一样
2.参数个数不一样addEventListener三个参数,attachEvent两个参数
3.addEventListener 谷歌,火狐,IE11支持,IE8不支持。 attachEvent 谷歌火狐不支持,IE11不支持,IE8支持
4.this不同,addEventListener 中的this是当前绑定事件的对象。 attachEvent中的this是window
5.addEventListener中事件的类型(事件的名字)没有on
attachEvent中的事件的类型(事件的名字)有on