主頁(yè) > 解決方案 > onmouseout 等一系列事件的用法簡(jiǎn)單舉例 .

onmouseout 等一系列事件的用法簡(jiǎn)單舉例 .

發(fā)布時(shí)間：2014/6/13 9:37:07

onmouseout、onmouseover、onkeydown、onkeyup、onkeypress等事件。

onmouseout 事件，會(huì)在鼠標(biāo)指針移出指定的對(duì)象時(shí)發(fā)生。

實(shí)例 1

在下面的例子中，我們將在鼠標(biāo)指針移出圖像時(shí)顯示一個(gè)對(duì)話框：

<img src="/i/example_mouse2.jpg" alt="mouse"onmousemove="alert('您的鼠標(biāo)剛才離開(kāi)了圖片！')" />

實(shí)例 2

下面的例子中，我們將在網(wǎng)頁(yè)上添加一個(gè)用作連接按鈕的圖像，然后我們會(huì)添加 onMouseOver 和 onMouseOut 事件，這樣就可以在運(yùn)行兩個(gè) JavaScript 函數(shù)來(lái)切換兩幅圖像：

<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById('b1').src ="/i/eg_mouse.jpg"
}
function mouseOut()
{
document.getElementById('b1').src ="/i/eg_mouse2.jpg"
}
</script>
</head>

<body>
<a href="http://www.w3school.com.cn" 
onmouseover="mouseOver()" onmouseout="mouseOut()">
<img alt="Visit W3School!" src="/i/example_mouse2.jpg" id="b1" />
</a>
</body>
</html>