概述
onmouseout属性用来获取或设置当前元素的mouseout事件的事件处理函数.
语法
element.onMouseOut = event handling code
例子
<!doctype html>
<html>
<head>
<title>onmouseover/onmouseout event example</title>
<script type="text/javascript">
function initElement()
{
var p = document.getElementById("foo");
p.onmouseover = showMouseOver;
p.onmouseout = showMouseOut;
};
function showMouseOver()
{
var notice = document.getElementById("notice");
notice.innerHTML = '检测到鼠标移进';
}
function showMouseOut()
{
var notice = document.getElementById("notice");
notice.innerHTML = '检测到鼠标移出';
}
</script>
<style type="text/css">
#foo {
border: solid blue 2px;
}
</style>
</head>
<body onload="initElement()";>
<span id="foo">移动鼠标,在该元素上移进移出</span>
<div id="notice"></div>
</body>
</html>
备注
当鼠标离开一个元素时,会在这个元素上触发mouseout事件.
规范
DOM Level 0 不属于任何规范.