javascript

js USES the methods onmousemove and onmouseout to get mouse coordinates

This example shows how js USES onmousemove and onmouseout to get mouse coordinates. Share with you for your reference. The details are as follows:

The js code below demonstrates the use of the onmousemove and onmouseout events, where mouse coordinate information is dynamically displayed when the mouse moves within a specified area

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction(e)
{
x=e.clientX;
y=e.clientY;
coor="Coordinates: (" + x + "," + y + ")";
document.getElementById("demo").innerHTML=coor
}
function clearCoor()
{
document.getElementById("demo").innerHTML="";
}
</script>
</head>
<body style="margin:0px;">
<div id="coordiv" style="width:199px;height:99px;border:1px solid"
onmousemove="myFunction(event)" onmouseout="clearCoor()"></div>
<p>Mouse over the rectangle above,
and get the coordinates of your mouse pointer.</p>
<p id="demo"></p>
</body>
</html>

I hope this article is helpful for you to design javascript program.