获取鼠标相对于浏览器窗口坐标

<!DOCTYPE html>
<html>
<head>
    <style>
        div {
            position: fixed;
            top: 10px;
            left: 10px;
            padding: 10px;
            background-color: #f1f1f1;
            border: 1px solid #ccc;
        }
    </style>
</head>
<body>
    <div></div>
    <script>
        const d = document.querySelector('div')
        document.addEventListener('mousemove', function (e) {
            let x = e.clientX
            let y = e.clientY
            d.innerHTML = `X: ${x}, Y: ${y}`

        })
    </script>
</body>

</html>

image

posted @   弩哥++  阅读(19)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
历史上的今天:
2021-08-16 SQL Server 存储过程
点击右上角即可分享
微信分享提示