MouseEvent.clientY

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

MouseEvent.clientY 是只读属性，它提供事件发生时的应用客户端区域的垂直坐标 (与页面坐标不同)。例如，当你点击客户端区域的左上角时，鼠标事件的 clientY 值为 0，这一值与页面是否有垂直滚动无关。

语法

var y = instanceOfMouseEvent.clientY

Return value

被 CSSOM View Module 重新定义为一个 double 类型的浮点值。原来这个属性是被定义为一个 long 整数。可以在 "浏览器兼容性" 那里查看详细内容。

Example

js
<html>
<head>
<title>clientX\clientY example</title>

<script type="text/javascript">
function showCoords(evt){
  alert(
    "clientX value: " + evt.clientX + "\n"
    + "clientY value: " + evt.clientY + "\n"
  );
}
</script>
</head>

<body onmousedown="showCoords(event)">
<p>To display the mouse coordinates click anywhere on the page.</p>
</body>
</html>

规范

Specification
UI Events
# dom-mouseevent-clienty

浏览器兼容性

BCD tables only load in the browser

查看更多