前端js-----DOM事件高级

事件高级：

注册事件有两种方式，第一个是传统方式；第二个是方法监听注册的方式。
addEventListener(); 特点为：同一个元素同一个事件可以注册多个监听器。其参数有三个，第一个参数为type：事件类型字符串，不带on；第二参数为listener：事件处理函数，当事件发生时会调用该监听函数；第三个参数为useCapture：这是个可选参数，是一个布尔值，默认为false，与事件流相关。

DOM事件流：

（1）JS代码中只能执行捕获阶段或冒泡阶段中的一个阶段。
（2）onclick和attachEvent注册事件中只能得到冒泡阶段。
（3）事件高级addEventListener(); 第三个参数若为true则事件为捕获阶段调用事件处理程序；如果为false（不写默认为false），表示 事件在冒泡阶段调用事件处理程序。
（4）有些事件是没有冒泡的，比如：onblur，onfocus，onmouseenter，onmouseleave

DOM事件对象：

事件对象只有有了对象才会存在
事件对象是事件的一系列相关数据的集合，跟事件相关的，比如鼠标点击事件里面就包含了鼠标的相关信息（例如鼠标的坐标）；如果是键盘事件里面就包含键盘事件的信息，比如判断用户按下了哪个键。
事件对象具有兼容性问题：ie6,7，8需要使用windo.event;
兼容性写法：e = e || window.event；