關於JavaScript的滑鼠移動事件
阿新 • • 發佈：2019-02-19
前言：
Event 物件代表事件的狀態，比如事件在其中發生的元素、鍵盤按鍵的狀態、滑鼠的位置、滑鼠按鈕的狀態。
事件通常與函式結合使用，函式不會在事件發生前被執行！
事件控制代碼：
滑鼠/鍵盤的屬性
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus?"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>滑鼠的移動事件</title> <style type="text/css"> div{ width:300px; height:300px; border:1px solid red ; } </style> </head> <script type="text/javascript"> <!-- //示例：當滑鼠在div上移動的時候顯示滑鼠的座標 function fun(e){ var x = e.clientX; var y = e.clientY ; //顯示在文字框中 var txt = document.getElementById("txt") ; txt.value = x + " :" + y ; } //--> </script> <body> <input type="text" name="" id = "txt"> <div onmousemove = "fun(event)"></div> <!--通過event物件的屬性clientX和clientY，可以得到其滑鼠的x,y座標--> </body> </html>