onmousemove 事件的意思是當滑鼠游標移動的時候，屬於 JavaScript event 的一種，用來監聽網友的滑鼠游標，是否在特定的區域內移動，如果有產生這樣的行為模式，就觸發特定的 JavaScript function 去執行特定的工作，由於 onmousemove 的特性，剛開始學習的設計師常常搞混他與 onmouseover 的差別，這裡稍微說明一下兩者個差異，onmouseover 是當滑鼠移入被監聽區域才會啟動，且只會觸發一次 function，而本篇主角 onmousemove 只要在被監聽區域內移動滑鼠都會觸發 function，所有主流瀏覽器都支援 onmousemove 事件。

onmousemove 事件基本語法

onmousemove = " 要觸發的 JavaScript function "

語法中＂要觸發的 JavaScript function＂是必要項目，設計師可以將 onmousemove 放在各種不同的網頁元素中，監聽網友的行為模式，但最重要的還是當監聽到滑鼠在區域內移動，就要觸發 function 去執行特定的工作內容。這邊稍微提醒一下，onmousemove 是只要滑鼠有移動都會觸發 function，持續的觸發將對整體效能有所影響，採用此事件前需要比較謹慎。

onmousemove 事件範例範例輸出結果無論是滑鼠移入橘色的測試區、在測試區內移動或者是移出測試區，都會觸發 alert 將字串透過對話視窗顯示，僅管滑鼠剛移入測試區的時候效果與 onmouseover 一樣，移出時測試區效果與 onmouseout 一樣，但在測試區內移動的監視功能，僅有 onmousemove 做得到。

延伸閱讀

• onmouseout 事件
• onmouseover 事件
• JavaScript event 事件

您可能會想看

• 用 javascript let 宣告變數跟 var 有什麼不同？
• javascript 三個等號 === 是什麼意思？跟兩個等號有什麼不同？
• JavaScript innerHTML 與 innerText 的差異
• JavaScript innerText
• JavaScript innerHTML
• onunload 事件
• onmouseup 事件
• onmouseout 事件
• onmouseover 事件
• onmousedown 事件

今日熱門文章

• 認識 PHP8 的基本結構與語法
• Notepad++ 簡介及下載安裝，非常適合寫 PHP 的程式碼編輯器
• 選擇 PHP 程式碼編輯軟體
• 在 Windows 11 上安裝 XAMPP 建置 PHP 開發環境
• PHP8 簡介
• 用 javascript let 宣告變數跟 var 有什麼不同？
• javascript 三個等號 === 是什麼意思？跟兩個等號有什麼不同？
• MySQL SELECT WHERE date 等於上個月的條件判斷寫法
• MySQL SELECT WHERE date 等於本月的條件判斷寫法
• MySQL SELECT WHERE date 等於昨天的條件判斷寫法

即時熱門文章

• 認識 PHP8 的基本結構與語法
• Notepad++ 簡介及下載安裝，非常適合寫 PHP 的程式碼編輯器
• 選擇 PHP 程式碼編輯軟體
• 在 Windows 11 上安裝 XAMPP 建置 PHP 開發環境
• PHP8 簡介
• 用 javascript let 宣告變數跟 var 有什麼不同？
• javascript 三個等號 === 是什麼意思？跟兩個等號有什麼不同？
• MySQL SELECT WHERE date 等於上個月的條件判斷寫法
• MySQL SELECT WHERE date 等於本月的條件判斷寫法
• MySQL SELECT WHERE date 等於昨天的條件判斷寫法