event.pageX / event.pageY · PHP/Python/前端/Linux 等等学习笔记

[TOC] ## event.pageX 鼠标相对于文档的左边缘的位置（左边） ## event.pageY 鼠标相对于文档的上边缘的位置（上边） ### 示例鼠标离文档左边和上边的举例 ``` <!DOCTYPE html> <html> <head> <style> body {background-color: #eef;} div {padding: 20px;} </style> <script src="https://code.jquery.com/jquery-latest.js"></script> </head> <body> <div id="log"></div> <script> $(document).bind('mousemove', function (e) { $("#log").text("e.pageX: " + e.pageX + ", e.pageY: " + e.pageY); }); </script> </body> </html> ```