onmouseleave 事件

将鼠标指针移出图片时调用函数：

下面有更多示例。

描述

这个onmouseleave事件发生时鼠标指针离开元素。

这个onmouseleave事件经常与onmouseenter事件，当鼠标指针进入元素时发生。

这个onmouseleave事件类似于onmouseout事件。不同之处在于onmouseleave事件不会冒泡（不会向上传播文档层次结构）。请参阅本页底部的 "More Examples" 以更好地了解差异。

Event	Occurs When
onclick	The user clicks on an element
oncontextmenu	The user right-clicks on an element
ondblclick	The user double-clicks on an element
onmousedown	A mouse button is pressed over an element
onmouseenter	The pointer is moved onto an element
onmouseleave	The pointer is moved out of an element
onmousemove	The pointer is moving over an element
onmouseout	The mouse pointer moves out of an element
onmouseover	The mouse pointer is moved over an element
onmouseup	The mouse button is released over an element

在 HTML 中：

< element onmouseleave=" myScript">

在 JavaScript 中：

object.onmouseleave = function(){ myScript};

在 JavaScript 中，使用 addEventListener() 方法：

object.addEventListener("mouseleave", myScript);

气泡：	不
可取消：	不
事件类型：	鼠标事件
HTML 标签：	所有 HTML 元素，除了：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 和 <title>
DOM 版本：	2 级活动

onmouseleave是 DOM Level 2 (2001) 功能。

所有浏览器都完全支持它：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	9-11