获取鼠标的各种位置(OffsetXY, screenXY,clientXY,pageXY)+js操作案例

最新推荐文章于 2023-07-04 23:05:56 发布

门前大桥下.

最新推荐文章于 2023-07-04 23:05:56 发布

阅读量564

点赞数

分类专栏： js的基础知识剖析文章标签： css html css3

本文链接：https://blog.csdn.net/preserveXing/article/details/123274283

版权

根据鼠标事件在event中获得鼠标的位置坐标

有个案例可以粘贴复制下来
在这里插入图片描述

打开后就是上面的内容仔细看数据就明白了

床用的有以下几种

        屏幕距离
        let screenX=e.screenX
        let screenY=e.screenY
         body窗口
        let clientX=e.clientX
        let clientY=e.clientY
        目标元素
        let offsetX=e.offsetX
        let offsetY=e.offsetY
        整个文档包括滚动过去的
        let pageX=e.pageX
        let pageY=e.pageY

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document

最低0.47元/天解锁文章

门前大桥下.

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
获取鼠标的各种位置(OffsetXY, screenXY,clientXY,pageXY)+js操作案例

根据鼠标事件在event中获得鼠标的位置坐标有个案例可以粘贴复制下来打开后就是上面的内容仔细看数据就明白了床用的有以下几种屏幕距离 let screenX=e.screenX let screenY=e.screenY body窗口 let clientX=e.clientX let clientY=e.clientY 目标元素 let offsetX=e
复制链接

扫一扫