DOM二级事件的兼容处理

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

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复