您现在的位置: 365建站网 > 建站教程 > JavaScript 教程 > clientX 事件属性

clientX 事件属性

此节有 211 人学习过     参与评论

定义和用法

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

客户区指的是当前窗口。

语法

</>code

  1. event.clientX

提示和注释

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

实例

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

</>code

  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. <body onmousedown="show_coords(event)">
  13. <p>Click in the document. An alert box will alert
  14. the x and y coordinates of the mouse pointer.</p>
  15. </body>
  16. </html>

亲自试一试

clientX
显示鼠标指针的坐标。

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

您可能感兴趣的文章:

发表评论 (211人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------
JavaScript 教程目录

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号