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

 更新时间:2008年12月22日 15:38:19   作者:  
后台的热区管理中,如果鼠标移到热区上,会显示一个提示框,提示框里“设为主实体”、“删除”和“合并”等超链接,点击这些超链接可以进行各种操作。
点击“设为主实体”这个超链接后,原来的提示框会变色,而且会显示内容:“已经设置为合并主实体”。
  问题:当a热区的提示框上的超链接下面有另一个热区b的时候,点击a热区提示框的超链接后,会触发b热区的mouseover事件,导致a热区的提示框会消失。
  这个问题我苦思了好久也找不到解决方法,上星期周俊提示我可以检测一下事件的来源元素。我突然想到IE的event对象有一个属性 fromElement,测试了一下,果然在点击a热区提示框的超链接后,b热区的mouseover事件里的fromElement为null,这样就好办了,在显示热区的提示框的函数里,判断一个fromElement是否为null,如果为null则return。至此问题解决,虽然这个 fromElement只存在于IE的event中。

相关文章

  • Javascript 闭包详解及实例代码

    Javascript 闭包详解及实例代码

    这篇文章主要介绍了Javascript 闭包详解及实例代码的相关资料,闭包是一个特别抽象的概念,特别是ECMA规范给的定义,如果没有实战经验,很难从定义去理解它,需要的朋友可以参考下
    2016-11-11
  • Ajv format校验使用示例分析

    Ajv format校验使用示例分析

    这篇文章主要为大家介绍了Ajv format校验使用示例分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • 脚本之家贴图转换+转贴工具用到的js代码超级推荐

    脚本之家贴图转换+转贴工具用到的js代码超级推荐

    [红色]脚本之家贴图转换+转贴工具用到的js代码超级推荐...
    2007-04-04
  • 早该知道的7个JavaScript技巧

    早该知道的7个JavaScript技巧

    这篇文章对js编写等方便详细的说明了几个技巧,方便大家提高效率,学习简易化书写代码
    2013-03-03
  • 微信小程序图片轮播组件gallery slider使用方法详解

    微信小程序图片轮播组件gallery slider使用方法详解

    这篇文章主要为大家详细介绍了微信小程序图片轮播组件gallery slider的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-01-01
  • JS倒计时两种实现方式代码实例

    JS倒计时两种实现方式代码实例

    这篇文章主要介绍了JS倒计时两种实现方式代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • JavaScript 数组- Array的方法总结(推荐)

    JavaScript 数组- Array的方法总结(推荐)

    下面小编就为大家带来一篇JavaScript 数组- Array的方法总结(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • JavaScript实现图片懒加载的方法分析

    JavaScript实现图片懒加载的方法分析

    这篇文章主要介绍了JavaScript实现图片懒加载的方法,结合实例形式分析了javascript图片懒加载的原理、操作步骤与相关实现技巧,需要的朋友可以参考下
    2018-07-07
  • javascript相关事件的几个概念

    javascript相关事件的几个概念

    对于事件来讲,首先,我们需要了解这样几个概念:事件;事件处理程序;事件类型;事件流;事件冒泡;事件捕获;事件对象;事件方面的性能优化(事件委托、移除事件处理程序);常见的浏览器兼容问题。
    2015-05-05
  • Sublime Text 3常用插件及安装方法

    Sublime Text 3常用插件及安装方法

    这篇文章主要介绍了Sublime Text 3常用插件及安装方法的相关资料,需要的朋友可以参考下
    2015-12-12

最新评论