From 310fd066e91f454b990372ffa30e803cc8120975 Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Thu, 11 Feb 2021 12:56:40 +0100 Subject: unslug zh-cn: move --- files/zh-cn/web/api/event.relatedtarget/index.html | 124 --------------------- 1 file changed, 124 deletions(-) delete mode 100644 files/zh-cn/web/api/event.relatedtarget/index.html (limited to 'files/zh-cn/web/api/event.relatedtarget/index.html') diff --git a/files/zh-cn/web/api/event.relatedtarget/index.html b/files/zh-cn/web/api/event.relatedtarget/index.html deleted file mode 100644 index a334f4b2eb..0000000000 --- a/files/zh-cn/web/api/event.relatedtarget/index.html +++ /dev/null @@ -1,124 +0,0 @@ ---- -title: event.relatedTarget -slug: Web/API/event.relatedTarget -translation_of: Web/API/MouseEvent/relatedTarget -translation_of_original: Web/API/event.relatedTarget ---- -

 

- -

{{APIRef("DOM")}}

- -

简要

- -

为事件标识第二目标

- -

描述

- -

relatedTarget 属性用于在一个事件中查找另外一个元素。有些事件比如 mouseover 通常侧重处理一个特定的目标，而有些有也可能会涉及到第二目标，比如当目标退出第一目标的 mouseover 事件.

- -

事件

- -

只有 MouseEvents 有这个属性，而且这些些只在特定的 MouseEvents 事件中有效：

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
事件名relatedTarget role
focusin哪个 {{domxref("EventTarget")}} 失去焦点
focusout哪个 {{domxref("EventTarget")}} 获得焦点
mouseenter鼠标从哪个 {{domxref("EventTarget")}} 进来
mouseleave鼠标移到哪个{{domxref("EventTarget")}} 去
mouseout鼠标移到哪个{{domxref("EventTarget")}} 去
mouseover鼠标从哪个{{domxref("EventTarget")}} 进来
dragenter鼠标从哪个{{domxref("EventTarget")}} 进来
dragexit鼠标移到哪个{{domxref("EventTarget")}} 去
- -

示例

- -
<!DOCTYPE html>
-<html>
-<head>
-
-<style>
-div > div {
-  height: 128px;
-  width: 128px;
-}
-#top    { background-color: red; }
-#bottom { background-color: blue; }
-</style>
-
-<script>
-function outListener(event) {
-  console.log("exited " + event.target.id + " for " + event.relatedTarget.id);
-}
-
-function overListener(event) {
-  console.log("entered " + event.target.id + " from " + event.relatedTarget.id);
-}
-
-function loadListener() {
-  var top = document.getElementById("top"),
-      bottom = document.getElementById("bottom");
-
-  top.addEventListener("mouseover", overListener);
-  top.addEventListener("mouseout", outListener);
-  bottom.addEventListener("mouseover", overListener);
-  bottom.addEventListener("mouseout", outListener);
-}
-</script>
-
-</head>
-
-<body onload="loadListener();">
-
-<div id="outer">
-  <div id="top"></div>
-  <div id="bottom"></div>
-</div>
-
-</body>
-</html>
-
- -

在JSFiddle中查看

- -

Specification

- - - -

See also

- - -- cgit v1.2.3-54-g00ecf