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>