1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script src="lib/jquery-3.4.1.js"></script>
 7     <style>
 8         #divMove{
 9             width: 500px;
10             height: 500px;
11             border: 1px solid red;
12         }
13     </style>
14 </head>
15 <body>
16 
17 <!--鼠标事件,键盘事件-->
18 
19 <!--要求:获取鼠标当前的一个坐标-->
20 
21 mouse:<span id="mouseMove"></span>
22 <div id="divMove">
23     在这里移动鼠标
24 </div>
25 <script>
26     //当网页元素加载完毕后,响应事件
27   /*  $(document).ready(function () {
28 
29     })*/ //可简化
30     $(function () {
31         $('#divMove').mousemove(function (e) {
32             $('#mouseMove').text('x:'+e.pageX+'y:'+e.pageY);
33         })
34     })
35 </script>
36 
37 </body>
38 
39 </html>

 

版权声明:本文为doremi429原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/doremi429/p/16076355.html