Javascript获取当前鼠标坐标的方式

本文演示了Javascript获取当前鼠标坐标的方式:

对于Javascript获取当前鼠标坐标,您必须知道不同浏览器的坐标:

复制代码代码如下所示:



Javascript获取当前鼠标坐标。





功能mouseposition(EV){

如果(ev.pagex ev.pagey | |){ / / Firefox和Chrome浏览器

返回:ev.pagex { x,y:EV pagey };

}

返回浏览器

X:ev.clientx + document.body.scrollleft - document.body.clientleft,

Y:ev.clienty + document.body.scrolltop - document.body.clienttop

};

}

函数MouseMove(EV){

EV = EV window.event | |;

无功mousepos = mouseposition(EV);

document.getelementbyid(x).innerHTML = mousepos X;

document.getelementbyid(Y).innerHTML = mousepos。Y;

}

document.onmousemove = MouseMove;





H3颜色:蓝色;}

P {线高度:30px;身高:30px;字体大小:14px;宽度:500px;}

跨度{颜色:橙色;字体重量:粗体;}







您的鼠标已被跟踪。

坐标轴:

坐标轴:





希望本文能对大家的javascript程序设计有所帮助。