获得鼠标在页面上的坐标

 

 

 

 

 

 

  <style>
      body {
        height: 3000px;
      }
    </style>
  </head>
  <body>
    <script>
      // 鼠标事件对象 MouseEvent
      document.addEventListener("click", function (e) {
        // 1.client 鼠标在可视区的x轴和y轴的坐标    当前页面上可以看到的部分
        console.log(e.clientX);
        console.log(e.clientY);
        console.log("--------------------------------------");
        // 2.page 鼠标在页面文档的x和y坐标   整个文档中鼠标的坐标
        console.log(e.pageX);
        console.log(e.pageY);
        console.log("--------------------------------------");
        // 3.screen 鼠标在电脑屏幕的x和y坐标
        console.log(e.screenX);
        console.log(e.screenY);
      });
    </script>

 

posted @ 2022-04-18 11:32  罗砂  阅读(156)  评论(0)    收藏  举报