發布時間:2019/1/7 15:56:49 來源:
縱橫數據
鼠標懸停的活動是“事件”,而onmouseover是事件處理程序。
事件處理程序是指定(ding)事件發生時(shi)要執行的進程所必需的。
所以onmouseover是一個事件處理程序,負責當鼠標的光標懸停在某個元素上時完成的處理。
什么是onmouseleave?
除了onmouseover之外,還有onmouseleave。
顧名思義,它處理(li)當鼠標光(guang)標離開某個(ge)元素時觸發的事件。
在下面的(de)示例中將使(shi)用這兩個屬性,我們來看(kan)鼠標懸停事件(jian)的(de)使(shi)用代碼
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>
|