MouseEvent.clientX
MouseEvent.clientX
是只读属性, 它提供事件发生时的应用客户端区域的水平坐标 (与页面坐标不同)。例如,不论页面是否有水平滚动,当你点击客户端区域的左上角时,鼠标事件的 clientX
值都将为 0 。最初这个属性被定义为长整型(long integer),如今 CSSOM 视图模块将其重新定义为双精度浮点数(double float)。你可以查阅浏览器兼容性部分的文档来进一步了解有关信息。
语法
var x = instanceOfMouseEvent.clientX
返回值
被 CSSOM View Module 重新定义为一个 double
类型的浮点值. 原来这个属性是被定义为一个 long
整数. 可以在 "浏览器兼容性" 那里查看详细内容.
示例
<!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 | Status | Comment |
---|---|---|
CSS Object Model (CSSOM) View Module clientX |
Working Draft | Redefines MouseEvent from long to double . |
Document Object Model (DOM) Level 3 Events Specification MouseEvent.clientX |
Obsolete | No change from Document Object Model (DOM) Level 2 Events Specification. |
Document Object Model (DOM) Level 2 Events Specification MouseEvent.clientX |
Obsolete | Initial definition. |
浏览器兼容性
BCD tables only load in the browser