JavaScript |鼠标坐标

屏幕的左上角为 (0, 0)，即 X 和 Y 坐标为 (0, 0)。这意味着垂直零是最上面的点，水平零是最左边的点。
因此，任务是找到鼠标在屏幕上的坐标。
可以使用 clientX 和 clientY 属性找到它：

• ClientX：给出事件的水平坐标。
• ClientY：它给出了鼠标的垂直坐标。

句法：

For X coordinate: event.ClientX
For Y coordinate: event.ClientY

以下是所需的实现：

javascript

 

   
 
     // coordinate function that calculate the X
     // coordinate and Y coordinates
     function coordinate(event) {
 
     // clientX gives horizontal coordinate
     var x = event.clientX;
 
     // clientY gives vertical coordinates
     var y = event.clientY;
     document.getElementById("X").value = x;
     document.getElementById("Y").value = y;
  }
    

 

 

 

 
   
   X-coordinate
   
   
   
 
   
   Y-coordinate
   
 

输出：