jQuery事件 

 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>

 

posted @ 2022-03-30 11:58  doremi429  阅读(25)  评论(0)    收藏  举报