62DOM二级事件的兼容处理

1、  事件对象：e=e||window.event
2、 事件类型：e.type
3、 事件源：e.target=e.target||e.srcElement;
4、 阻止默认事件：e.preventDefault?e.preventDefault():e.returnValue=false;
5、 阻止冒泡：e.stopPropagation?e.stopPropagation():e.cancelBubble=true;
6、 DOM加载完成：
（1）标准：DOMContentLoaded；
（2）IE：readyStateChange
7、 事件监听：
（1）标准：addEventlistener(“click”,function(){},false)；
（2）IE：Attachment(“onclick”,function(){})
8、 this：
（1）标准：this为当前元素；
（2）IE：this为window
9、 方法绑定与执行：
（1）标准：同一事件的相同方法不能重复绑定，按顺序执行；
（2）IE：同一事件的相同方法能重复绑定，随机执行；
10、    DOM二级事件绑定原理
（1）    标准与IE都会给元素默认开辟一个事件池，把所有方法都依次存到事件池中；
（2）    可以给当前某一元素绑定多个方法
11、四个数值
（1）    clientX：鼠标与可视区左侧之间的距离（兼容）
（2）    clientY：鼠标与可视区顶端之间的距离（兼容）
（3）    pageX: 鼠标与网页左侧之间的距离（兼容）
（4）    pageY: 鼠标与网页顶端之间的距离（兼容）
（5）    e.pageX=(document.documentElement.scrollLeft|| document.body.scrollLeft)+e.clientX;
（6）    e.pageY=(document.documentElement.scrollTop|| document.body.scrollTop)+e.clientY;
12、事件流：
（1）捕获：从外向内；
（2）事件源：发生事件的元素；
（3）冒泡：从里向外

转载于:https://www.cnblogs.com/gushixianqiancheng/p/10966993.html