鼠標經過事件（mouseover）是Javascript事件中的一種。當鼠標光標進入元素的范圍時，就會觸發這個事件。這是網頁交互中一個非常常見的操作，通過使用鼠標經過事件，我們可以在用戶與網頁進行交互時做出不同的響應和反饋，從而增強用戶體驗。

讓我們來看一個實際的例子。在下面的代碼中，我們創建了一個簡單的文本框，當鼠標經過時，文本框的背景色變為紅色，離開時則恢復為白色：

<input type="text" onmouseover="this.style.backgroundColor='red'" onmouseout="this.style.backgroundColor='white'">

這個示例演示了如何使用MouseEvent類中的mouseover和mouseout事件。當用戶將光標移入文本框時，Javascript會自動調用onmouseover事件處理程序，并將文本框的樣式更改為紅色。當用戶將光標移開文本框時，Javascript會自動調用onmouseout事件處理程序，并將文本框的樣式更改為白色。

除了改變元素的外觀，鼠標經過事件還可以執行許多其他操作。例如，它可以用于預加載圖像，并顯示詳細信息，或者在用戶懸停在鏈接上時顯示一個預覽快照。

<img src="image.jpg" onmouseover="this.src='image-hover.jpg'" onmouseout="this.src='image.jpg'">

在上面的代碼中，我們使用onmouseover和onmouseout事件將圖像的src屬性更改為圖像的其他版本，當鼠標經過時會顯示圖像的預覽版本，當鼠標移開時會恢復為原始版本。

此外，鼠標經過事件還可以用于創建應用程序中的菜單和工具提示。通過在鼠標經過時顯示下拉菜單或工具提示，用戶可以快速了解要執行的操作。

<div onmouseover="document.getElementById('submenu').style.display='block'" onmouseout="document.getElementById('submenu').style.display='none'">
<a href="#">Menu Item</a>
<ul id="submenu" style="display:none">
<li><a href="#">Sub-Item 1</a></li>
<li><a href="#">Sub-Item 2</a></li>
<li><a href="#">Sub-Item 3</a></li>
</ul>
</div>

在上面的代碼中，我們使用onmouseover和onmouseout事件來創建一個下拉菜單。當鼠標經過時，菜單中的子菜單就會顯示出來，并在鼠標移開時消失。

總之，Javascript中的鼠標經過事件在網頁交互中占有重要地位，可以實現各種有趣和有用的功能。通過使用事件處理程序，我們可以根據用戶的行為提供反饋和響應，從而增強用戶體驗。