JS获取鼠标坐标的实例方法

这篇文章介绍了JS获取鼠标坐标的实例方法有需要的朋友可以参考一下复制代码 代码如下:
var restrictX;
var restrictY;
var tip;
// 鼠标坐标
function mousePosition(ev) {
return {
x : evclientX + documentdocumentElementscrollLeft documentdocumentElementclientLeft
y : evclientY + documentdocumentElementscrollTop documentdocumentElementclientTop
};
}
// 鼠标事件
function mouseMove(ev) {
ev = ev || windowevent;
var mousePos = mousePosition(ev);
restrictX = mousePosx;
restrictY = mousePosy;
}
documentonmousemove = mouseMove;
documentonclick = mouseMove;

上面的代码在谷歌和搜狐浏览器中获取的值会不准确需进行修改如下

复制代码 代码如下:
var restrictX;
var restrictY;
var tip;
// 鼠标坐标
function mousePosition(ev){
var scrollLeft = documentdocumentElementscrollLeft || documentbodyscrollLeft;
var scrollTop = documentdocumentElementscrollTop || documentbodyscrollTop;
return {
x:evclientX + scrollLeft documentdocumentElementclientLeft
y:evclientY + scrollTop documentdocumentElementclientTop
};
}
// 鼠标事件
function mouseMove(ev){
ev = ev || windowevent;
var mousePos = mousePosition(ev);
restrictX = mousePosx;
restrictY = mousePosy;
}
documentonmousemove = mouseMove;
documentonclick = mouseMove; 复制代码 代码如下:
var scrollLeft = documentdocumentElementscrollLeft || documentbodyscrollLeft;
var scrollTop = documentdocumentElementscrollTop || documentbodyscrollTop;

这两句为如果能获取到鼠标坐标则去前面否则用后面的方法获取鼠标坐标“|| ”后面的是给WebKit 内核的浏览器使用