当前位置: 代码迷 >> JavaScript >> javascript 座标:event.X event.Y
  详细解决方案

javascript 座标:event.X event.Y

热度:334   发布时间:2012-09-06 10:37:01.0
javascript 坐标:event.X event.Y

javascript坐标:event.x、event.clientX、event.offsetX、event.screenX


[size=x-small;]clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条。

clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标,其中客户区域不包括窗口自身的控件和滚动条。
offsetX
设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。
offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。

screenX 设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标。
screenY 设置或获取鼠标指针位置相对于用户屏幕的 y 坐标。

x 设置或获取鼠标指针位置相对于父文档的 x 像素坐标。
y 设置或获取鼠标指针位置相对于父文档的 y 像素坐标。[/size]

[size=x-small;]event.clientX返回事件发生时,mouse相对于客户窗口的X坐标,event.X也一样。但是如果设置事件对象的定位属性值为relative,event.clientX不变,而event.X返回事件对象的相对于本体的坐标。[/size]

[size=x-small;]
var strInfo="";

strInfo+="\r\n网页可见区域宽:"+document.body.clientWidth;

strInfo+="\r\n网页可见区域高:"+document.body.clientHeight;

strInfo+="\r\n网页可见区域宽:"+document.body.offsetWidth+"(包括边线的宽)";

strInfo+="\r\n网页可见区域高:"+document.body.offsetHeight+"(包括边线的宽)";

strInfo+="\r\n网页正文全文宽:"+document.body.scrollWidth;

strInfo+="\r\n网页正文全文高:"+document.body.scrollHeight;

strInfo+="\r\n网页被卷去的高:"+document.body.scrollTop;

strInfo+="\r\n网页被卷去的左:"+document.body.scrollLeft;

strInfo+="\r\n网页正文部分上:"+window.screenTop;

strInfo+="\r\n网页正文部分左:"+window.screenLeft;

strInfo+="\r\n屏幕分辨率的高:"+window.screen.height;

strInfo+="\r\n屏幕分辨率的宽:"+window.screen.width;

strInfo+="\r\n屏幕可用工作区高度:"+window.screen.availHeight;

strInfo+="\r\n屏幕可用工作区宽度:"+window.screen.availWidth;

window.confirm(strInfo);
[/size]

  相关解决方案