From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../api/globaleventhandlers/onmouseout/index.html | 67 ++++++++++++++++++++++ 1 file changed, 67 insertions(+) create mode 100644 files/zh-cn/web/api/globaleventhandlers/onmouseout/index.html (limited to 'files/zh-cn/web/api/globaleventhandlers/onmouseout') diff --git a/files/zh-cn/web/api/globaleventhandlers/onmouseout/index.html b/files/zh-cn/web/api/globaleventhandlers/onmouseout/index.html new file mode 100644 index 0000000000..3bebf98aa4 --- /dev/null +++ b/files/zh-cn/web/api/globaleventhandlers/onmouseout/index.html @@ -0,0 +1,67 @@ +--- +title: GlobalEventHandlers.onmouseout +slug: Web/API/GlobalEventHandlers/onmouseout +translation_of: Web/API/GlobalEventHandlers/onmouseout +--- +
{{ ApiRef("HTML DOM") }}
+ +

概述

+ +

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 不属于任何规范.

+ +

{{ languages( {"fr": "fr/DOM/element.onmouseout","en": "en/DOM/element.onmouseout" } ) }}

-- cgit v1.2.3-54-g00ecf