在 JavaScript 中 pageY 鼠标事件的作用是什么?


当触发了鼠标事件时,pageY 鼠标事件属性用于获取鼠标指针的纵坐标。此坐标与屏幕相关。

实例

你可以尝试运行以下代码,了解如何在 JavaScript 中实现 pageY 鼠标事件。

<!DOCTYPE html>
<html>
   <body>
      <p onclick="coordsFunc(event)">Click here to get the x (horizontal) and y (vertical) coordinates of the mouse pointer.</p>
      <script>
         function coordsFunc(event) {
            var x_coord = event.pageX;
            var y_coord = event.pageY;
            var xycoords = "X coords= " + x_coord + ", Y coords= " + y_coord;
           
            document.write(xycoords);
         }
      </script>
   </body>
</html>

更新于: 2020 年 5 月 23 日

93 次浏览

启动你的 职业

通过完成该课程获得认证

开始
广告
© . All rights reserved.