参考来源:http://www.cnblogs.com/tugenhua0707/p/4501843.html
screenX、screenY:浏览器屏幕水平、垂直坐标(相对于浏览器内整个屏幕,包括地址栏、书签栏等)
clientX、clientY:页面客户区水平坐标、垂直坐标(不包含滚动部分)
pageX、pageY:页面水平坐标、垂直坐标(包含滚动部分),等于客户区坐标加上滚动部分,示例:
EventUtil.addHandler(btn,‘click‘,function(e){ e = EventUtil.getEvent(e); var pageX = e.pageX, pageY = e.pageY; if(!pageX) { pageX = e.clientX + (document.body.scrollLeft || document.documentElement.scrollLeft); } if(!pageY) { pageY = e.clientY + (document.body.scrollTop || document.documentElement.scrollTop); } console.log("页面X轴坐标为:"+pageX + " "+ "页面Y轴坐标为:"+pageY); });
时间: 2024-10-10 12:51:56