/**
获取当前滚动的位置。
*/
function getScrollingPosition()
{
var position = [0, 0];
//FF
if (typeof window.pageYOffset != 'undefined')
{
position = [
window.pageXOffset,
window.pageYOffset
];
}
//IE
else if (typeof document.documentElement.scrollTop
!= 'undefined' && document.documentElement.scrollTop > 0 ||
document.documentElement.scrollLeft > 0)
{
position = [
document.documentElement.scrollLeft,
document.documentElement.scrollTop
];
}
else if (typeof document.body.scrollTop != 'undefined')
{
position = [
document.body.scrollLeft,
document.body.scrollTop
];
}
return position;
}
[table]
|属性|描述|(0,0)点
|screenX|事件发生时鼠标指针相对于屏幕的水平坐标|屏幕左上角
|screenY |事件发生时鼠标指针相对于屏幕的垂直坐标|屏幕左上角
|clientX |事件发生时鼠标指针相对于浏览器页面(客户区)的水平坐标 |浏览器客户区左上角
|clientY |事件发生时鼠标指针相对于浏览器页面(客户区)的垂直坐标|浏览器客户区左上角
|offsetX |事件发生时鼠标指针在事件元素中的水平坐标 |元素左上角
|offsetY |事件发生时鼠标指针在事件元素中的垂直坐标 |元素左上角
|x |事件发生时鼠标指针相对于用CSS动态定位的最内层包容元素的水平坐标
|y |事件发生时鼠标指针相对于用CSS动态定位的最内层包容元素的垂直坐标
|pageX |鼠标相对于页面的x坐标|页面左上角
|pageY |鼠标相对于页面的Y坐标|页面左上角
[/table]
说明:
* offsetX、offsetY、x、y 属性只能用于IE浏览器。
* pageX、pageY 属性用于非IE浏览器。
/**
获取鼠标位置
*/
function displayCursorPosition(event)
{
if (typeof event == "undefined")
{
event = window.event;
}
var scrollingPosition = getScrollingPosition();
var cursorPosition = [0, 0];
if (typeof event.pageX != "undefined" && typeof event.x != "undefined")
{
cursorPosition[0] = event.pageX;
cursorPosition[1] = event.pageY;
}
else
{
cursorPosition[0] = event.clientX + scrollingPosition[0];
cursorPosition[1] = event.clientY + scrollingPosition[1];
}
document.title = cursorPosition.toString();
}