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)冒泡:从里向外