`
visualcatsharp
  • 浏览: 39984 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

通过event对象的fromElement属性解决热区设置主实体的一个bug

阅读更多
      后台的热区管理中,如果鼠标移到热区上,会显示一个提示框,提示框里“设为主实体”、“删除”和“合并”等超链接,点击这些超链接可以进行各种操作。

  点击“设为主实体”这个超链接后,原来的提示框会变色,而且会显示内容:“已经设置为合并主实体”。

  问题:当a热区的提示框上的超链接下面有另一个热区b的时候,点击a热区提示框的超链接后,会触发b热区的mouseover事件,导致a热区的提示框会消失。

  这个问题我苦思了好久也找不到解决方法,上星期周俊提示我可以检测一下事件的来源元素。我突然想到IE的event对象有一个属性fromElement,测试了一下,果然在点击a热区提示框的超链接后,b热区的mouseover事件里的fromElement为null,这样就好办了,在显示热区的提示框的函数里,判断一个fromElement是否为null,如果为null则return。至此问题解决,虽然这个fromElement只存在于IE的event中。
分享到:
评论

相关推荐

    Event对象详解

    event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 ...

    [JS]详尽解析window.event对象

    event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 ...

    高手window.event对象详解

    window.event对象详解。event对象只在事件发生的过程中才有效;event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。

    javascript Event对象详解及使用示例

    一旦事件发生,便会生成Event对象,如单击一个按钮,浏览器的内存中就产生相应的 event对象。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只...

    js window.event对象详尽解析

    event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 ...

    javascript中event详解

    event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 ...

    js的event详解。

    event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 ...

    javascript中window.event事件用法详解

    前两天写程序时因为要用到javascript中的window.event事件,于是就在网上搜了一下,终于找到一篇不错的文章,来与大家分享下: 描述 event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等...

    Ajax完全自学手册(PPT)

    Test4Window1.htm window对象属性 test4Alert.htm 系统对话框 Test4Timeout.htm 时间间隔和暂停 Test4History.htm 浏览器历史 Test4location.htm locatio对象 第3章 XMLHttpRequest对象 3.1.3 最...

    javascript event 事件解析

    event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 例子 下面的例子检查鼠标是否在链接上单击,并且...

    Ajax完全自学手册(源代码).rar

    HelloWorld 第一个Ajax应用程序 第2章 浏览器中的JavaScript Test4Navigator.htm User-Agent检测法 Test4Window1.htm window对象属性 test4Alert.htm 系统对话框 Test4Timeout.htm 时间间隔和暂停 Test...

    JS event使用方法详解

    比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转。 <HTML> <HEAD><TITLE...

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

    HelloWorld 第一个Ajax应用程序 第2章 浏览器中的JavaScript Test4Navigator.htm User-Agent检测法 Test4Window1.htm window对象属性 test4Alert.htm 系统对话框 Test4Timeout.htm 时间间隔和暂停 Test4History....

    Javascript中Event属性搜集整理

    altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX, screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y 1....

    JavaScript Event学习第九章 鼠标事件

    例子 这里有一个例子。可以帮助理解下面的内容。 mousedown,mouseup,click和dblclick在这个链接上注册。可以再下面的文本框里面查看。或者在对话框里面。(请在原文里尝试:http://www.quirksmod

    mediacapture-fromelement:通过Media Element创建MediaStream的API

    从DOM元素捕获媒体记录使用captureStream和captureStreamUntilEnded来获取媒体元素( <video>和<audio> )的渲染输出。执照目前,该作品已获得知识共享署名-衍生工具国际4.0版(CC BY-ND 4.0)的许可。...

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

    //通过类名获取对象 function getClass (classname,obj) { var obj=obj||document; var arr=[]; if(document.getElementsByClassName){ return obj.getElementsByClassName(classname) }else{ var alls=obj....

    为非IE浏览器添加mouseenter,mouseleave事件的实现代码

    先了解几个事件对象属性target 指事件源对象,点击嵌套元素最里层的某元素,该元素就是target。IE6/7/8对应的是srcElement。currentTarget 指添加事件handler的元素本身,如el.addEventListener中el就是...

Global site tag (gtag.js) - Google Analytics