relatedTarget、fromElement、toElement相关元素
来源:互联网 发布:淘宝店生意不好怎么办 编辑:程序博客网 时间:2024/06/05 03:30
在发生mouseover和mouseout事件时,还会涉及更多的元素。这两个事件都会涉及把鼠标指针从一个元素的边界之内移到另一个元素边界之内。对mouseover事件而言,事件的主目标是获得光标的元素,而相关元素就是那个失去光标的元素。类似地,对mouseout事件而言,事件的主目标是失去光标的元素,而相关元素则是获得光标的元素。
DOM通过event对象的relatedTarget属性提供了相关元素的信息。这个属性只对于mouseover和mouseout事件才包含值;对于其他事件,这个属性的值是null。IE不支持realtedTarget属性,但提供了保存着同样信息的不同属性。在mouseover事件触发时,IE的fromElement属性中保存了相关元素;在mouseout事件出发时,IE的toElement属性中保存着相关元素。可以把下面这个跨浏览器取得相关元素的方法添加到EventUtil对象中:
var EventUtil = { getEvent: function (event) { return event ? event : window.event; }, getTarget: function (event) { return event.target || event.srcElement; }, addHandler: function (element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else if (element.attachEvent) { element.attachEvent("on" + type, handler); } else { element["on" + type] = handler; } }, getRelatedTarget: function (event) { if (event.relatedTarget) { return event.relatedTarget; } else if (event.toElement) { return event.toElement; } else if (event.fromElement) { return event.fromElement; } else { return null; } }};var div = document.getElementById("myDiv");EventUtil.addHandler(div, "mouseout", function (event) { event = EventUtil.getEvent(event); var target = EventUtil.getTarget(event); var relatedTarget = EventUtil.getRelatedTarget(event); alert("Moused out of " + target.tagName + " to " + relatedTarget.tagName);});
这个例子的<div>元素的mouseout事件注册了一个事件处理程序。当事件触发式,会有一个警告框显示鼠标移除和移入的元素信息。
0 0
- relatedTarget、fromElement、toElement相关元素
- relatedTarget、fromElement、toElement相关元素
- relatedTarget、fromElement、toElement相关元素
- relatedTarget、fromElement、toElement相关元素
- relatedTarget、fromElement、toElement相关元素
- relatedTarget与fromElement、toElement元素
- relatedTarget, fromElement, toElement
- relatedTarget, fromElement, toElement
- srcElement,fromElement,toElement
- event.srcElement ,event.fromElement,event.toElement兼容问题
- relatedTarget
- 创建兼容 IE/FireFox 的 event 及 event 的 srcElement、fromElement、toElement 属性
- FF下新增event对象的srcElement、fromElement、toElement三个属性
- 创建兼容 IE/FireFox 的 event 及 event 的 srcElement、fromElement、toElement 属性
- HTML DOM Event 对象之(toElement、fromElement、event.srcElement、event.target)
- event[relatedTarget]
- relatedTarget方法的介绍
- html相关元素积累
- Linux查看端口占用的命令
- 经典的面试题
- 互联网的魔力——资源再分配
- root:Permission denied
- Codeforces Round #279 (Div. 2)---A. Team Olympiad (贪心)
- relatedTarget、fromElement、toElement相关元素
- Lotus面试题库
- div居中
- Java笔记007_监听器和适配器的区别
- “import android.annotation.SuppressLint;”
- $.ajaxSetup({cache:false});
- SQL Server 高性能写入的一些总结
- Jmeter测试报表相关参数说明
- Sublime快捷键