通过 JavaScript 获取页面上的鼠标位置
2010-05-13 02:05
435 查看
文章来自:http://www.neoease.com/get-cursor-position-with-javascript/
/**
* 获取鼠标在页面上的位置
* @param ev 触发的事件
* @return x:鼠标在页面上的横向位置, y:鼠标在页面上的纵向位置
*/
function getMousePoint(ev) {
// 定义鼠标在视窗中的位置
var point = {
x:0,
y:0
};
// 如果浏览器支持 pageYOffset, 通过 pageXOffset 和 pageYOffset 获取页面和视窗之间的距离
if(typeof window.pageYOffset != 'undefined') {
point.x = window.pageXOffset;
point.y = window.pageYOffset;
}
// 如果浏览器支持 compatMode, 并且指定了 DOCTYPE, 通过 documentElement 获取滚动距离作为页面和视窗间的距离
// IE 中, 当页面指定 DOCTYPE, compatMode 的值是 CSS1Compat, 否则 compatMode 的值是 BackCompat
else if(typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') {
point.x = document.documentElement.scrollLeft;
point.y = document.documentElement.scrollTop;
}
// 如果浏览器支持 document.body, 可以通过 document.body 来获取滚动高度
else if(typeof document.body != 'undefined') {
point.x = document.body.scrollLeft;
point.y = document.body.scrollTop;
}
// 加上鼠标在视窗中的位置
point.x += ev.clientX;
point.y += ev.clientY;
// 返回鼠标在视窗中的位置
return point;
/**
* 获取鼠标在页面上的位置
* @param ev 触发的事件
* @return x:鼠标在页面上的横向位置, y:鼠标在页面上的纵向位置
*/
function getMousePoint(ev) {
// 定义鼠标在视窗中的位置
var point = {
x:0,
y:0
};
// 如果浏览器支持 pageYOffset, 通过 pageXOffset 和 pageYOffset 获取页面和视窗之间的距离
if(typeof window.pageYOffset != 'undefined') {
point.x = window.pageXOffset;
point.y = window.pageYOffset;
}
// 如果浏览器支持 compatMode, 并且指定了 DOCTYPE, 通过 documentElement 获取滚动距离作为页面和视窗间的距离
// IE 中, 当页面指定 DOCTYPE, compatMode 的值是 CSS1Compat, 否则 compatMode 的值是 BackCompat
else if(typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') {
point.x = document.documentElement.scrollLeft;
point.y = document.documentElement.scrollTop;
}
// 如果浏览器支持 document.body, 可以通过 document.body 来获取滚动高度
else if(typeof document.body != 'undefined') {
point.x = document.body.scrollLeft;
point.y = document.body.scrollTop;
}
// 加上鼠标在视窗中的位置
point.x += ev.clientX;
point.y += ev.clientY;
// 返回鼠标在视窗中的位置
return point;
相关文章推荐
- 通过 JavaScript 获取页面上的鼠标位置
- 通过 JavaScript 获取页面上的鼠标位置
- 通过 JavaScript 获取页面上的鼠标位置
- 通过 JavaScript 获取页面上的鼠标位置
- JavaScript 获取鼠标及元素在页面上的位置
- 用 javascript 获取当页面上鼠标(光标)位置
- 用 javascript 获取当页面上鼠标(光标)位置
- 用 javascript 获取当页面上鼠标(光标)位置
- 用 javascript 获取当页面上鼠标(光标)位置 和 触发事件的对象 的方法
- 用 javascript 获取当页面上鼠标(光标)位置 和 触发事件的对象 的方法
- JavaScript 获取页面上的鼠标位置(兼容Firefox 3.6, Opera 10.10, Chrome 4.1 和 Safari 4.0.4)
- js 获取页面高度和宽度(兼容 ie firefox chrome),获取鼠标点击位置
- JavaScript 获取鼠标点击位置坐标
- 用Javascript 获取页面元素的位置的代码
- 用 Javascript 获取页面大小、窗口大小和滚动条位置
- javascript获取鼠标位置部分的实例代码(兼容IE,FF)
- Javascript获取页面滚动条的位置
- 转:用 Javascript 获取页面大小、窗口大小和滚动条位置