此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

MouseEvent.clientY

基线 广泛可用

自 2015年7月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

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>

规范

规范
Pointer Events
# dom-mouseevent-clienty

浏览器兼容性

查看更多