您好,欢迎访问一九零五行业门户网

JS获取鼠标坐标的实例方法_javascript技巧

复制代码 代码如下:
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 内核的浏览器使用
其它类似信息

推荐信息