JavaScript事件对象属性clientY|事件触发时鼠标的垂直坐标

由 hcduguo

事件对象参考手册

定义与用法

clientY 事件属性返回当事件被触发时鼠标指针向对于浏览器页面（客户区）的垂直坐标。 客户区指的是当前窗口。

语法格式

event.clientY

示例代码

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

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>奔月教程(runoon.com)</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>

亲自试试

事件对象参考手册

相关