relatedTarget、fromElement、toElement相关元素
来源:互联网 发布:二等水准测量记录数据 编辑:程序博客网 时间:2024/06/02 21:15
在发生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事件注册了一个事件处理程序。当事件触发式,会有一个警告框显示鼠标移除和移入的元素信息。
- 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相关元素积累
- 〖数学算法〗逆矩阵算法
- Google笔试题:哈希表的一个意想不到的应用--在字符串中查找第一个只出现一次的字符
- 解决“HTTP/1.1 405 Method not allowed”问题,让静态文件响应POST请求
- C++解决八皇后问题
- 搜索引擎的那些事(摘取价格数据)
- relatedTarget、fromElement、toElement相关元素
- 一致性Hash与负载均衡(转载)
- BZOJ 1058 [ZJOI2007]报表统计
- 程序员如何管理好自己的思维?
- hello word
- DirectUI 嵌入浏览器
- 最近学习C#的感觉
- MFC 命名规则
- 使用过滤器Filter解决JSP+Servlet页面编码乱码