获得鼠标在页面中的坐标

最新推荐文章于 2024-07-20 12:50:11 发布

lxl211

最新推荐文章于 2024-07-20 12:50:11 发布

阅读量1.1k

点赞数

文章标签：前端 javascript html5

本文链接：https://blog.csdn.net/lxllxl211/article/details/127812701

版权

event对象代表事件的状态，跟事件相关的一些列信息的集合
鼠标事件对象MouseEvent和键盘事件对象KeyboardEvent
在这里插入图片描述

     <style>
        body{
            height: 3000px;
        }
     </style>
</head>
<body>
    <script>
        document.addEventListener('click',function(e){
            // 浏览器可视区的坐标
            console.log("鼠标的坐标：x"+e.clientX+",y:"+e.clientY);
            // 返回鼠标相对于页面的x，y坐标 向下滚动的坐标可测
            console.log("鼠标的坐标：x"+e.pageX+",y:"+e.pageY);
            // 相对于电脑的屏幕
            console.log("鼠标的坐标：x"+e.screenX+",y:"+e.screenY);
        })
    </script>