JavaScript事件对象属性screenX|事件触发时鼠标的水平坐标

由 hcduguo

事件对象参考手册

定义与用法

screenX 事件属性可返回事件发生时鼠标指针相对于屏幕的水平坐标。

语法格式

event.screenX

示例代码

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

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>奔月教程(runoon.com)</title>
        <script type="text/javascript">
            function coordinates(event) {
                x = event.screenX
                y = event.screenY
                alert("X=" + x + " Y=" + y)
            }
        </script>
    </head>
    <body onmousedown="coordinates(event)">
        <p>在文档中点击某个位置。消息框会提示出指针相对于屏幕的 x 和 y 坐标。</p>
    </body>
</html>

亲自试试

事件对象参考手册

相关