JavaScript中的鼠標(biāo)懸停用法
- 來源:縱橫數(shù)據(jù)
- 作者:中橫科技
- 時間:2019/1/7 15:56:49
- 類別:新聞資訊
鼠標(biāo)懸停的活動是“事件”,而onmouseover是事件處理程序。
事件處理程序是指定事件發(fā)生時要執(zhí)行的進程所必需的。
所以onmouseover是一個事件處理程序,負責(zé)當(dāng)鼠標(biāo)的光標(biāo)懸停在某個元素上時完成的處理。
什么是onmouseleave?
除了onmouseover之外,還有onmouseleave。
顧名思義,它處理當(dāng)鼠標(biāo)光標(biāo)離開某個元素時觸發(fā)的事件。
在下面的示例中將使用這兩個屬性,我們來看鼠標(biāo)懸停事件的使用代碼
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset= "utf-8" >
</head>
<body>
<div id= "div1" style= "width: 150px; height: 150px; padding: 10px; background-color:pink; border: 1px solid #000000" onmouseover= "over(this)" onmouseleave= "leave(this)" ></div>
</body>
<script>
function over(x) {
x.style.backgroundColor = "blue" ;
}
function leave(x) {
x.style.backgroundColor = "red" ;
}
</script>
</html>
|