下面的例子可显示出事件发生时鼠标指针的坐标 - 在线编辑器

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <script>
    function show_coords(event) {
      var x = event.clientX;
      var y = event.clientY;
      alert("X coords: " + x + ", Y coords: " + y);
    }
  </script>
</head>
<body>

  <p onmousedown="show_coords(event)">请在文档中点击。一个消息框会提示出鼠标指针的 x 和 y 坐标。</p>

</body>
</html>
​x
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <script>
    function show_coords(event) {
      var x = event.clientX;
      var y = event.clientY;
      alert("X coords: " + x + ", Y coords: " + y);
    }
  </script>
</head>
<body>
​
  <p onmousedown="show_coords(event)">请在文档中点击。一个消息框会提示出鼠标指针的 x 和 y 坐标。</p>
​
</body>
</html>