码迷,mamicode.com
首页 > Web开发 > 详细

JS事件(四)坐标位置

时间:2016-08-10 19:28:49      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:

1、客户区坐标位置  (相对于客户端视口,而无关浏览器缩放)

clientX与clientY:表示事件发生时鼠标在视口的坐标,不包括页面滚动距离,因此不代表鼠标在页面上的位置。

2、页面坐标位置

pageX与pageY:包括页面滚动距离,代表鼠标在页面上的位置。

无滚动时,clientX==pageX,clientY==pageY

3、屏幕坐标位置  

screenX与screenY:鼠标指针相对于整个屏幕的坐标位置

var div=document.getElementById("div");
    EventUtil.addHandler(div,"click",function(ev){
    ev=EventUtil.getEvent(event);
    //没有滚动时,页面坐标=客户区坐标
    alert(‘客户区坐标‘+event.clientX+‘,‘+event.clientY);
    alert(‘页面坐标‘+event.pageX+‘,‘+event.pageY);
    alert(‘屏幕坐标‘+event.screenX+‘,‘+event.screenY);
})

 

JS事件(四)坐标位置

标签:

原文地址:http://www.cnblogs.com/dll-ft/p/5757934.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!