clientX 事件属性

定义和用法

clientX 事件属性返回当事件被触发时鼠标指针向对于浏览器页面（或客户区）的水平坐标。

客户区指的是当前窗口。

语法

  1. event.clientX

提示和注释

注释：2 级 DOM 没有提供把窗口坐标转换为文档坐标的标准方法。在 IE 以外的浏览器，使用 window.pageXOffset 和 window.pageYOffset 即可。

实例

下面的例子可显示出事件发生时鼠标指针的坐标：

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function show_coords(event)
  5.   {
  6.   x=event.clientX
  7.   y=event.clientY
  8.   alert("X coords: " + x + ", Y coords: " + y)
  9.   }
  10. </script>
  11. </head>
  12.  
  13. <body onmousedown="show_coords(event)">
  14.  
  15.     <p>Click in the document. An alert box will alert 
  16. the x and y coordinates of the mouse pointer.</p>
  17.  
  18. </body>
  19. </html>