onmouseover 事件用來判斷網友是否將滑鼠移至特定對象或網頁元素上，假設發生滑鼠移至安插 onmouseover 事件的元素上，將會觸發特定的 JavaScript 函式開始執行特定的工作，例如當滑鼠移至一張圖片上，自動顯示對話視窗介紹圖片，或者是滑鼠移到某張網頁縮圖上，就自動顯示原始大圖，都是常見到的 onmouseover 事件應用方式，所有主流的瀏覽器都支援 onmouseover 事件。

onmouseover 事件語法

onmouseover = " 即將要觸發的 JavaScript function "

語法中的＂即將要觸發的 JavaScript function＂是必須項目，onmouseover 的功能僅為監聽到網友發生滑鼠移經元素的情況，真正要執行任務的還是要透過 JavaScript 的各種功能或 function，以下準備一個非常簡單的參考範例。

onmouseover 事件範例以上範例輸出這個範例的效果是當滑鼠移經 DIV 區塊（粉橘色區塊）上的任何一個地方，都會跳出一個對話視窗顯示＂看到測試結果囉！＂這樣的結果，比較重要的是『onmouseover="alert('看到測試結果囉！')"』這個部分，onmouseover 注意到滑鼠移經 DIV 區塊就立即透過 alert 將文字顯示出來，範例中的 padding 是內距、background-color 則是 DIV 區塊的背景顏色。

延伸閱讀

• onmousedown 事件
• onmouseout 事件
• JavaScript event 事件

您可能會想看

• 用 javascript let 宣告變數跟 var 有什麼不同？
• javascript 三個等號 === 是什麼意思？跟兩個等號有什麼不同？
• JavaScript innerHTML 與 innerText 的差異
• JavaScript innerText
• JavaScript innerHTML
• onunload 事件
• onmouseup 事件
• onmousemove 事件
• onmouseout 事件
• 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 等於昨天的條件判斷寫法