`
cindylu520
  • 浏览: 143040 次
  • 性别: Icon_minigender_2
  • 来自: 大连
社区版块
存档分类
最新评论

relatedTarget 事件属性

    博客分类：
  • JS
JavaScriptHTML 
阅读更多

定义和用法

relatedTarget 事件属性返回与事件的目标节点相关的节点。

对于 mouseover 事件来说，该属性是鼠标指针移到目标节点上时所离开的那个节点。

对于 mouseout 事件来说，该属性是离开目标时，鼠标指针进入的节点。

对于其他类型的事件来说，这个属性没有用。

语法

event.relatedTarget

 

 

实例

下面例子可返回指针刚刚离开的元素：

 

<html>
<head>
<script type="text/javascript">
function getRelElement(event)
  {
  var txt="The cursor just exited the ";
  txt=txt + event.relatedTarget.tagName + " element.";
  alert(txt);
  }
</script>
</head>
<body>

<p onmouseover="getRelElement(event)">
Mouse over this paragraph.</p>

</body>
</html>

 

 

 

分享到：
| __defineGetter__和__defineSetter__
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js中最容易被忽视的事件问题大总结

    即将所有与事件相关的函数，融合在一起的一个容器，方便管理事件对象，它没有属性。主要处理DOM事件和IE事件的磨合，使其尽可能的相似。 下面我们来看一下DOM和IE之间的对象属性和方法做个对比（这里只指出两者之间...

    易被忽视的js事件问题总结

    即将所有与事件相关的函数，融合在一起的一个容器，方便管理事件对象，它没有属性。主要处理DOM事件和IE事件的磨合，使其尽可能的相似。 下面我们来看一下DOM和IE之间的对象属性和方法做个对比（这里只指出两者之间...

    Ajax完全自学手册（PPT）

    Test4relatedElement.htm DOM标准event对象的relatedTarget属性 Test4MultKeyEvent.htm 还原键盘事件原貌 Load & Unload.htm HTML 加载事件 ReSize.htm resize事件 Test4Scoll.htm scroll事件 ...

    JavaScript Event学习第九章 鼠标事件

    然后还会解释一下relatedTarget,fromElement和toElement这些事件属性。最后是微软的mouseenter和mouseleave事件。 浏览器的兼容性问题，可以在浏览器兼容性列表查看。例子 这里有一个例子。可以帮助理解下面的内容。...

    Ajax完全自学手册（源代码）.rar

    Test4relatedElement.htm DOM标准event对象的relatedTarget属性 Test4MultKeyEvent.htm 还原键盘事件原貌 Load & Unload.htm HTML 加载事件 ReSize.htm resize事件 Test4Scoll.htm scroll事件 ...

    Ajax完全自学手册PPT和源代码(ptt格式)

    Test4relatedElement.htm DOM标准event对象的relatedTarget属性 Test4MultKeyEvent.htm 还原键盘事件原貌 Load & Unload.htm HTML 加载事件 ReSize.htm resize事件 Test4Scoll.htm scroll事件 TopDivOnPage.html ...

    javascript onmouseout 解决办法

    onmouseout 发现它的触发太敏感，当经过层内文字链时，即触发onmousetout事件，功能不能正常显示，经过一番搜索，整理出来，供大家参考。 1、 代码如下: [removed] function test(obj, e) { if (e.currentTarget) { ...

    超级炫酷的效果js实现动画导航菜单

    contains(target,getEvent(e).relatedTarget||getEvent(e).fromElement) && !((getEvent(e).relatedTarget||getEvent(e).fromElement)===target); } else { return !contains(target,getEvent(e).relatedTarget||...

    基于mouseout和mouseover等类似事件的冒泡问题解决方法

    试了各浏览器的停止事件冒泡的方法，均无效。 还是咱们javaeye里高人众多，在一个哥们博客中发现了如下代码： 代码如下: function isMouseLeaveOrEnter(e, handler) { if (e.type != ‘mouseout’ && e.type != ...

    JavaScript仿苹果风格图标滑出式导航菜单

    这里不能用Event.addListener 和 Event.on方式去侦听事件，因为icon动画时会移至A标签上层，导致监听对象发生变化，用relatedTarget判断span标签也会触发多次mouseover和mouseout。所以，将鼠标事件的触发给LI是最好...

    js 阻止子元素响应父元素的onmouseout事件具体实现

    代码如下: $(“.target-menu”).mouseout(function(e){ evt = window.event || e; var obj = evt.toElement || evt.relatedTarget; var pa = this; if(pa.contains(obj)) return false; $(this).hide(); });

    javascript mouseover、mouseout停止事件冒泡的解决方案

    想寻求比较好的解决方案，于是就翻遍了国内的大小网站，终一无所获，不得不硬着头皮去读国外网站，结果是理想的，因为W3C里有relatedTarget，于是就有了下边的解决方案： 代码如下:function isMouseLeaveOrEnter(e,...

    jquery1.11.0手册

    属性 属性 attr(name|pro|key,val|fn) removeAttr(name) prop(n|p|k,v|f) removeProp(name) CSS 类 addClass(class|fn) removeClass([class|fn]) toggleClass(class|fn[,sw]) HTML代码/文本/值 html(...

    js禁止Backspace键使浏览器后退的实现方法

    在项目中遇到按下Backspace键让浏览器后退的问题，上网搜了几种... var obj = ev.relatedTarget || ev.srcElement || ev.target ||ev.currentTarget; //按下Backspace键 if(ev.keyCode == 8){ var tagName = obj.nod

    js弹出模式对话框,并接收回传值的方法

    弹出对话框的页面A： 代码如下:[removed] function openDialog(){ paramers=”dialogWidth:500px; dialogHeight:300px; status:no”; workerId = window.showModalDialog(“userList.aspx”,””,paramers);...

    js解决select下拉选不中问题

    当事件mouseover中出现select下拉框时，select下拉是选不中的，解决办法： var o = e.relatedTarget || e.toElement;//判断下移动到的对象，移动到option上ie下是null，firefox等为undefined。。 if (!o) return;//...

Magicbox
Global site tag (gtag.js) - Google Analytics