MouseEvent.clientY

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

语法

var y = instanceOfMouseEvent.clientY

Return value

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

Example

<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	Status	Comment
CSS Object Model (CSSOM) View Module clientY	Working Draft	Redefines `MouseEvent` from `long` to `double`.
Document Object Model (DOM) Level 3 Events Specification MouseEvent.clientY	Obsolete	No change from Document Object Model (DOM) Level 2 Events Specification.
Document Object Model (DOM) Level 2 Events Specification MouseEvent.clientY	Obsolete	Initial definition.

浏览器兼容性

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`clientY`	Chrome Full support Yes	Edge Full support 12	Firefox Full support Yes	IE Full support 6	Opera Full support Yes	Safari Full support Yes	WebView Android Full support Yes	Chrome Android Full support Yes	Firefox Android Full support Yes	Opera Android Full support Yes	Safari iOS Full support Yes	Samsung Internet Android Full support Yes
Value type changed from `long` to `double`	Chrome Full support 56	Edge ?	Firefox ?	IE ?	Opera ?	Safari ?	WebView Android Full support 56	Chrome Android Full support 56	Firefox Android ?	Opera Android ?	Safari iOS ?	Samsung Internet Android Full support 6.0

Legend

Full support: Full support
Compatibility unknown: Compatibility unknown

查看更多

最后修改： Sep 16, 2019, 由 Mozilla 贡献者编辑