1、onmouseover 事件
onmouseover 事件在鼠標(biāo)指針進(jìn)入某個元素時觸發(fā)。當(dāng)鼠標(biāo)指針從一個元素移動到另一個元素上時，onmouseover 事件也會被觸發(fā)。
<div onmouseover="myFunction()">鼠標(biāo)懸停在我上面</div><script>
function myFunction() {
alert("你的鼠標(biāo)進(jìn)入了該元素");
}
</script>
在上面的例子中，當(dāng)鼠標(biāo)懸停在 <div> 元素上時，將觸發(fā) myFunction() 函數(shù)，并顯示一個彈出窗口。
2、onmouseout 事件
onmouseout 事件在鼠標(biāo)指針離開某個元素時觸發(fā)。當(dāng)鼠標(biāo)指針從一個元素移動到另一個元素上時，onmouseout 事件也會被觸發(fā)。
<div onmouseout="myFunction()">鼠標(biāo)離開了我</div><script>
function myFunction() {
alert("你的鼠標(biāo)離開了該元素");
}
</script>
在上面的例子中，當(dāng)鼠標(biāo)離開 <div> 元素時，將觸發(fā) myFunction() 函數(shù)，并顯示一個彈出窗口。
這兩個事件常用于實現(xiàn)一些交互效果，例如鼠標(biāo)懸停在一個元素上時改變其樣式或展示更多信息，或者在鼠標(biāo)離開元素時隱藏某些內(nèi)容。它們可以通過直接在 HTML 元素上使用 onmouseover 和 onmouseout 屬性，或者通過 JavaScript 代碼動態(tài)添加事件處理函數(shù)來實現(xiàn)。
億速云公眾號
手機網(wǎng)站二維碼
