GitHub+jsDelivr圖床配置
阿新 • • 發佈：2022-03-26
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; 11border: 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>