复制代码 代码如下:
var restrictx;
var restricty;
var tip;
// 鼠标坐标
function mouseposition(ev) {
return {
x : ev.clientx + document.documentelement.scrollleft - document.documentelement.clientleft,
y : ev.clienty + document.documentelement.scrolltop - document.documentelement.clienttop
};
}
// 鼠标事件
function mousemove(ev) {
ev = ev || window.event;
var mousepos = mouseposition(ev);
restrictx = mousepos.x;
restricty = mousepos.y;
}
document.onmousemove = mousemove;
document.onclick = mousemove;
上面的代码在谷歌和搜狐浏览器中获取的值会不准确,需进行修改,如下:
复制代码 代码如下:
var restrictx;
var restricty;
var tip;
// 鼠标坐标
function mouseposition(ev){
var scrollleft = document.documentelement.scrollleft || document.body.scrollleft;
var scrolltop = document.documentelement.scrolltop || document.body.scrolltop;
return {
x:ev.clientx + scrollleft - document.documentelement.clientleft,
y:ev.clienty + scrolltop - document.documentelement.clienttop
};
}
// 鼠标事件
function mousemove(ev){
ev = ev || window.event;
var mousepos = mouseposition(ev);
restrictx = mousepos.x;
restricty = mousepos.y;
}
document.onmousemove = mousemove;
document.onclick = mousemove;
复制代码 代码如下:
var scrollleft = document.documentelement.scrollleft || document.body.scrollleft;
var scrolltop = document.documentelement.scrolltop || document.body.scrolltop;
这两句为,如果能获取到鼠标坐标,则去前面,否则用后面的方法获取鼠标坐标,“|| ”后面的是给webkit 内核的浏览器使用