📅 最后修改于: 2023-12-03 15:15:35.428000 🧑 作者: Mango
onmouseout 事件在鼠标从元素移出时触发。以下是有关 onmouseout 事件的详细信息。
HTML 中的 onmouseout 事件的语法如下所示：
<element onmouseout="myScript">
DOM 中的 onmouseout 事件的语法如下所示：
object.onmouseout=function(){myScript};
以下是 onmouseout 事件的属性：
bubbles：该事件是否应该冒泡。默认值为 true。cancelable：该事件是否可以取消，即是否允许在调用 preventDefault() 时取消该事件。默认值为 true。currentTarget：当前事件处理程序所附加到的 EventTarget。defaultPrevented：该事件默认是否已经被取消过，即是否已经调用过 preventDefault()。默认为 false。eventPhase：事件处理程序当前所处的事件传播阶段。默认值为 0。isTrusted：该事件是否是由用户代理自行触发的事件。默认值为 false。relatedTarget：对于某些事件，该属性是被操作的鼠标指针移到（进入）和移出（离开）的另一个 EventTarget。target：获取事件的目标元素。timeStamp：事件创建时的时间戳（毫秒数）。type：获取事件类型。以下是一个 onmouseout 事件的示例，当鼠标移出一个 div 元素时，文本变成了红色：
<!DOCTYPE html>
<html>
<head>
<title>onmouseout 事件示例</title>
<script>
function changeColor(x) {
x.style.color = "red";
}
function normalColor(x) {
x.style.color = "black";
}
</script>
</head>
<body>
<div onmouseout="normalColor(this)" onmouseover="changeColor(this)">
移动鼠标指针来改变文本颜色。
</div>
</body>
</html>
onmouseout 事件在鼠标从元素移出时触发。您可以在 HTML 或 DOM 中使用 onmouseout 属性来调用事件处理函数。事件处理函数可以通过 event 参数来访问相关信息，例如事件类型、目标元素等。