MouseEvent.clientX
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.
io error: No such file or directory (os error 2) (/home/runner/work/yari/yari/mdn/translated-content/files/zh-cn/web/api/ui_events/index.md)
MouseEvent.clientX
是只读属性,它提供事件发生时的应用客户端区域的水平坐标 (与页面坐标不同)。例如,不论页面是否有水平滚动,当你点击客户端区域的左上角时,鼠标事件的 clientX
值都将为 0。最初这个属性被定义为长整型(long integer),如今 CSSOM 视图模块将其重新定义为双精度浮点数(double float)。你可以查阅浏览器兼容性部分的文档来进一步了解有关信息。
语法
var x = instanceOfMouseEvent.clientX
返回值
被 CSSOM View Module 重新定义为一个 double
类型的浮点值。原来这个属性是被定义为一个 long
整数。可以在 "浏览器兼容性" 那里查看详细内容。
示例
html
<!doctype html>
<html>
<head>
<title>clientX/clientY example</title>
<script>
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-clientx |
浏览器兼容性
BCD tables only load in the browser