JavaScript 教程
JavaScript 对象
jQuery 教程
JSON 教程
AngularJS 教程
Angular 2 教程
Vue.js 教程
React 教程
jQuery UI 教程
jQuery EasyUI 教程
AJAX 教程
Highcharts 教程
Google Maps API 教程
ES6 教程
TypeScript教程
ES6 标准入门relatedTarget 事件属性
事件对象
定义和用法
relatedTarget 事件属性返回与事件的目标节点相关的节点。
对于 mouseover 事件来说，该属性是鼠标指针移到目标节点上时所离开的那个节点。
对于 mouseout 事件来说，该属性是离开目标时，鼠标指针进入的节点。
对于其他类型的事件来说，这个属性没有用。
语法
event.relatedTarget
实例
实例
下面例子可返回指针刚刚离开的元素：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>代码学院(codexy.cn)</title>
<script>
function getRelatedElement(event){
alert("鼠标指针移到了 " + event.relatedTarget.tagName + " 元素");
}
</script>
</head>
<body>
<p onmouseover="getRelatedElement(event)">鼠标移到这一段。</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>代码学院(codexy.cn)</title>
<script>
function getRelatedElement(event){
alert("鼠标指针移到了 " + event.relatedTarget.tagName + " 元素");
}
</script>
</head>
<body>
<p onmouseover="getRelatedElement(event)">鼠标移到这一段。</p>
</body>
</html>
尝试一下 »
事件对象