6月22日（1.绑定事件的区别）-CSDN博客

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>title</title>

</head>
<body>
<input type="button" value="按钮" id="btn"/>

<script>

document.getElementById("btn").addEventListener("click",function(){

//在控制台输出

console.log(this);

},false);

//attachEvent

document.getElementById("btn").attachEvent("onclick",function(){

console.log(this);

})

</script>
</body>
</html>

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
*

*