常用事件对象属性及兼容处理

1、获得事件对象

btn.onclick=function(event){
     var event=event || window.event;
}

 2、事件的目标

var target=event.srcElement || event.target;

 

3、阻止事件冒泡

if(event.stopPropagation){
      event.stopPropagation();
}else{
      event.cancelBubble = true;
}

 

4、取消默认行为

if(event.preventDefault){
      event.preventDefault();  
}else{
      event.returnValue=false;
}

 

5、获得页面滚动的高度

window.onscroll=function(){
    var scrollTop=document.documentElement.scrollTop || document.body.scrollTop;
}

 

6、pageX、pageY (pageX页面坐标位置、clienetX是浏览器可视区域位置、screenX是屏幕坐标位置)

var pageX=event.pageX,
     pageY=event.pageY;
 if(pageX===undefined){
     pageX=event.clientX+(document.documentElement.scrollLeft || document.body.scrollLeft);
     pageY=event.clientY+(document.documentElement.scrollTop || document.body.scrollTop);
 }

 

posted @ 2017-10-18 09:39  asimpleday  阅读(235)  评论(0编辑  收藏  举报