后浪云JAVA script和HTML DOM参考手册：clientX 事件属性

后浪云

2023-5-15

网站和优化

事件对象

定义和用法

clientX 事件属性返回当事件被触发时鼠标指针相对于浏览器页面（或客户区）的水平坐标。

客户区指的是当前窗口。

语法

event.clientX

实例

下面的例子可显示出事件发生时鼠标指针的坐标：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>IDC.NET在线教程(IDC.NET)</title>

<script>

function show_coords(event){

    var x=event.clientX;

    var y=event.clientY;

    alert("X coords: " + x + ", Y coords: " + y);

}

</script>

</head>

<body>

<p onmousedown="show_coords(event)">请在文档中点击。一个消息框会提示出鼠标指针的 x 和 y 坐标。</p>

</body>

</html>

尝试一下 »

事件对象

作者：后浪云

链接：https://www.idc.net/help/188411/

文章版权归作者所有，未经允许请勿转载。

THE END