js事件监听的理解

1.什么是事件监听

事件监听就是DOM对事件进行监听，知道什么时候发生了这个事件，从而执行一些写好的程序。

2.事件监听

（1）DOM 0 级事件  普通的事件 : 事件源.事件类型 = 事件的处理程序

缺点：后边的事件会将前面的事件给覆盖掉

（2）DOM 2 级事件  事件监听

（它有着几种写法，想了解别的写法可以看看 MDN 官方文档）

语法：addEventListener(type,listener,useCapture)，

参数解释：

type：表示监听事件类型的字符串,也就是事件类型，这个事件类型不加on,

listener：事件监听函数

useCapture：当写true时，进行的是事件捕获阶段。默认为false，事件冒泡阶段

事件冒泡：就是子元素触发事件后，延伸到父元素，先执行子元素再执行父元素

可以将

var event = window.event || event

event.stopPropagation 写在子元素事件中阻止事件冒泡

(onmouseover 支持冒泡，先子后父   onmouseenter 不支持冒泡，先父后子）

解绑事件：removeEventListener(事件，回调函数)；//这个回调函数要单独写出来才可以正常的解绑，不然无法解绑

3.事件监听的优点

（1）可以绑定多个事件，而常规绑定只会执行最后绑定的事件

（2）用removeEventListener可以解除相应的事件绑定