实时显示鼠标指针相对于浏览器X轴Y轴坐标位置

最新推荐文章于 2024-08-28 16:27:40 发布

柏伦 Belen

最新推荐文章于 2024-08-28 16:27:40 发布

阅读量3.5k

点赞数

分类专栏： javascript 文章标签：鼠标浏览器座标

本文链接：https://blog.csdn.net/programmer_sir/article/details/70195535

版权

javascript 专栏收录该内容

4 篇文章

订阅专栏

这里写图片描述

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>实时显示鼠标指针相对于浏览器X轴Y轴坐标位置</title>
<style>
body {
    margin: 0;
    padding: 30px 0 0 0;
    font-size: 18px;
    text-align: center;
}
</style>
</head>

<body style="height:2000px;" onMouseMove="place(event)">
    <span id="test"></span>
    <script>
        function place(e) {
            var x = e.clientX;
            var y = e.clientY;
            document.getElementById('test').innerHTML = "X-" + x + " Y-"
                    + y + "";
        }
    </script>
</body>
</html>