• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • event.pageX

    鼠标相对于文档的左边缘的位置(左边)。

    event.pageX

    例子

    显示鼠标相对于文件的左侧和顶部边缘的位置(在iframe中)。

    <!DOCTYPE html>
    <html>
    <head>
      <style>body {background-color: #eef; }
        div { padding: 20px; }</style>
      <script src="https://www.lanmper.cn/static/js/jquery-3.5.0.js"></script>
    </head>
    <body>
      <div id="log"></div>
    <script>$(document).on('mousemove',function(e){
              $("#log").text("e.pageX: " + e.pageX + ", e.pageY: " + e.pageY);
    }); </script>
     
    </body>
    </html>
    

    上篇:event.type

    下篇:event.pageY