window属性:onmouseout
onmouseout属性
该onmouseout属性返回当前元素的onmouseout事件处理程序代码。
onmouseout属性语法
element.onmouseout = event handling code
onmouseout属性示例
<!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 = 'mouse over detected';
}
function showMouseOut()
{
var notice = document.getElementById("notice");
notice.innerHTML = 'mouse out detected';
}
</script>
<style type="text/css">
#foo {
border: solid blue 2px;
}
</style>
</head>
<body onload="initElement()";>
<span id="foo">My Event Element</span>
<p>move your mouse over and out the above element.</p>
<div id="notice"></div>
</body>
</html>
笔记
当鼠标离开元素时会引发鼠标移出事件(例如,当鼠标离开网页中的图像时,会为该图像元素引发鼠标移出事件)。
规范
规范 | 状态 | 注释 |
---|---|---|
HTML Living Standard 在该规范中定义'onmouseout'。 | Living Standard |
浏览器兼容性
我们正在将兼容性数据转换为机器可读的JSON格式。
- 电脑端
特征 | Chrome | Edge | Firefox(Gecko) | Internet Explorer | Opera | Safari(WebKit) |
---|---|---|---|---|---|---|
基本支持 | 支持 | 支持 | ? | ? | ? | ? |
- 移动端
特征 | Android | Android Webview | Edge | Firefox Mobile(Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|---|---|
基本支持 | ? | 支持 | 支持 | ? | ? | ? | ? | ? | 支持 |