JS addEventListener()方法

addEventListener()方法-事件监听，用于向指定元素添加事件监听

语法：addEventListener(event,function,useCapture);

第一个参数event：指事件的类型（如’click’,‘mousedown’）
第二个参数function：事件触发后调用的函数
第三个参数useCapture：设置传递的类型，默认值为false，即冒泡传递（可省略）；值为true时，捕获传递。

示例： JS addEventListener()方法

<div class="box"></div>
document.querySelector('.box').addEventListener('click',()=>{
    consloe.log('点击')
})

 重点：

1. 它允许给一个事件注册多个监听器，且不会覆盖已存在的事件

2. 可以添加不同的事件类型 --例如：click(点击),mouseover（鼠标移入）,mouseout（鼠标移出）,resize（窗口重置）

3. 使用匿名函数传递参数

removeEventListener-事件移除

浏览器的兼容性问题：在IE9之前，只能使用attachEvent

添加：attachEvent()方法
移除：detachEvent()方法

使用 attachEvent 方法有个缺点，this 的值会变成 window 对象的引用而不是触发事件的元素