鼠标事件对象 MouseEvent 标题重复率高

最新推荐文章于 2024-09-22 11:17:00 发布

Xu___.___

最新推荐文章于 2024-09-22 11:17:00 发布

阅读量102

点赞数

文章标签： javascript html bom

本文链接：https://blog.csdn.net/weixin_49884163/article/details/108074149

版权

<script>
        document.addEventListener('click', function(e) {
            1. client 鼠标在可视区的x和y坐标
            console.log(e.clientX);
            console.log(e.clientY);
            

             2. page 鼠标在页面文档的x和y坐标(常用)
            console.log(e.pageX);
            console.log(e.pageY);
            

             3. screen 鼠标在电脑屏幕的x和y坐标
            console.log(e.screenX);
            console.log(e.screenY);

        })
    </script>