Copy Code code as follows:
<div id= "Testdiv" > placed above me </div>
<script type= "Text/javascript" >
$ (' #testDiv '). MouseMove (function (e) {
var xx = E.originalevent.x | | E.originalevent.layerx | | 0;
var yy = E.originalevent.y | | E.originalevent.layery | | 0;
$ (this). Text (xx + '---' + yy);
});
</script>
JavaScript Gets the coordinates of the mouse's current position
Mouse slide shows the current position of the mouse coordinates, mainly the onmousemove function.
Copy Code code as follows:
<meta http-equiv= "Content-type" Conte Nt= "text/html; charset=gb2312 "/>
<title>javascript get mouse position </title>
<body>
<s cript>
Function mouseMove (ev)
{
ev= ev | | | window.event;
var mousepos = mousecoords (EV);
document.getElementById ("xxx"). Value = mousepos.x;
document.getElementById ("yyy"). Value = Mousepos.y;
}
Function mousecoords (ev)
{
if (Ev.pagex | | ev.pagey) {
Return {x:ev.pagex, y:ev.pagey};
}
return{
X:ev.clientx + document.body.scrollleft-document.body.clientleft,
Y:ev.clienty + documen T.body.scrolltop-document.body.clienttop
};
}
Document.onmousemove = MouseMove;
</script>
Mouse x-axis:
<input id=xxx type=text>
Mouse y axis:
<input id=yyy type=text>
</body>
