常用事件对象属性及兼容处理
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); }