美文网首页
clientX 事件属性

clientX 事件属性

作者: 小豌豆书吧 | 来源:发表于2017-10-16 10:53 被阅读0次

定义和用法

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

语法

 event.clientX 

提示和注释

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

实例

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

TIY

clientX
显示鼠标指针的坐标。

<html>
<head>
<script type="text/javascript">
function show_coords(event)
  {
  x=event.clientX
  y=event.clientY
  alert("X coords: " + x + ", Y coords: " + y)
  }
</script>
</head>

<body onmousedown="show_coords(event)">
    
    <p>Click in the document. An alert box will alert 
the x and y coordinates of the mouse pointer.</p>

</body>
</html>

相关文章

  • clientX 事件属性

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

  • 鼠标事件中的位置相关的属性ScreenX,ClientX,pag

    定义 鼠标事件中属性和键盘相关的属性 srceenX(通用属性)相对于屏幕左上角的位置 clientX(通用属性)...

  • js事件

    1.事件 (1)事件对象的兼容性写法 event对象常用属性 三个事件的重要坐标: clientX clien...

  • js网页特效(四)事件

    1.事件 (1)事件对象的兼容性写法 event对象常用属性 三个事件的重要坐标: clientX clien...

  • 页面元素坐标和偏移

    鼠标事件 1. 客户区坐标位置(clientX/clientY) 通过event事件对象的clientX/clie...

  • 坐标位置

    1.客户区坐标位置这个位置信息报讯在事件对象的clientX和clientY属性中,他们的值表示事件发生时鼠标指针...

  • vue 鼠标坐标

    方法介绍关于js鼠标事件获取到坐标的属性总共以下五种: clientX/YclientX/Y获取到的是触发点相对浏...

  • JS实例-事件对象

    事件对象:存储了(描述了)事件更加详细的信息 eg:div跟着鼠标走*** 使用clientX,clientY 最...

  • screenX/Y, clientX/Y, pageX/Y

    当事件触发的时候, 我们可以通过MouseEvent得到screenX/Y, clientX/Y, pageX/Y...

  • JS示例34-鼠标跟随事件

    一、知识要点 1、onmousemove 鼠标移动事件(要考虑页面滚动)2、var X = ev.clientX;...

网友评论

      本文标题:clientX 事件属性

      本文链接:https://www.haomeiwen.com/subject/nckkuxtx.html