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

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

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

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

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

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

相关推荐

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

    `event.cancelBubble`是一个可读写的布尔值,用于控制事件是否冒泡到父元素。如果设置为`TRUE`,事件不会向上冒泡,即不会触发父元素的事件处理函数。默认值为`FALSE`,表示事件可以冒泡。 4. `clientX`和`clientY...

    javascriptEvent对象详解定义.pdf

    7. fromElement 属性:检测 onmouseover 和 onmouseout 事件发生时,鼠标所离开的元素,返回一个对象,表示离开的元素。 8. keyCode 属性:检测键盘事件相对应的内码,返回一个数字值,表示键盘事件的内码。 9. ...

    javascript Event对象详解

    然而,这个属性的使用并不广泛,通常在监听DOM对象属性变化时才会涉及。 在JavaScript事件处理中,Event对象提供了丰富的信息,使得开发者能够精确地控制和响应用户的交互。了解并熟练运用这些属性,可以创建更加...

    Event对象详解

    8. **returnValue**:这是一个可读写的属性,用于控制事件是否执行默认行为。如果设置为FALSE,可以阻止事件的默认行为,如链接的跳转或者表单的提交。 9. **screenX**和**screenY**:这两个属性返回鼠标在屏幕上的...

    Javascript之event大全

    _event 对象是 JavaScript 中的一个重要概念,它代表事件的状态,例如触发 event 对象的元素、鼠标的位置及状态、按下的键等等。event 对象只在事件发生的过程中才有效。event 的某些属性只对特定的事件有意义。例如...

    Event 对象的使用方法

    对于Internet Explorer浏览器,还有一些特有的Event对象属性,如`cancelBubble`用于阻止事件冒泡到父元素,`fromElement`和`toElement`在`mouseover`和`mouseout`事件中追踪鼠标移动方向,以及`offsetX`和`offsetY`...

    javascript之Event详解[定义].pdf

    语法:event.srcFilter 可能的值:这是一个可读的对象,表示触发事件的过滤器。 18. toElement属性 toElement属性用于检测onmouseover和onmouseout事件发生时,鼠标所到的元素。语法:event.toElement 注释:这是个...

    高手window.event对象详解

    `window.event` 是一个非常重要的JavaScript内置对象,它主要用于处理浏览器中的各种事件。这个对象包含了有关事件的各种信息,例如触发事件的对象、事件类型以及与该事件相关的其他数据。值得注意的是,`window....

    JS event使用方法详解

    在事件处理函数中,event 对象作为参数被自动传递给函数,或者可以通过window.event属性访问。 在页面中,我们可以为各种事件绑定处理函数,例如,使用onclick事件处理用户点击,使用onmouseover和onmouseout事件...

    js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍

    除此之外,文章也对Event对象的基本属性进行了介绍,以下是Event对象属性的具体含义和用法: 1. altKey属性:用于检查事件发生时Alt键的状态。如果Alt键被按下,event.altKey的值为TRUE,否则为FALSE。这是一个只读...

    javascript中window.event事件用法详解

    例如,在一个链接上触发点击事件时,如果returnValue被设置为false,则链接不会导航到其href属性指定的URL。这是一个可读写的属性,可以在事件处理函数中设置。 window.event对象和其属性的使用,对于实现复杂的...

    js中window窗体对象文档

    除了上述属性,`event`对象还有许多其他属性和方法,例如`event.keyCode`用于获取键盘按键的ASCII码,`event.preventDefault()`用于阻止事件的默认行为,`event.stopPropagation()`用于阻止事件的进一步传播,以及`...

    javascript中event详解

    在JavaScript中,`event`对象是浏览器提供的一个标准对象,用于表示用户与网页交互时发生的各种事件的状态。这些事件包括但不限于用户点击、移动鼠标、按下键盘等操作。`event`对象包含了关于事件的所有相关信息,...

    js window.event对象详尽解析

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

    javascript Event对象详解及使用示例

    一旦用户与页面发生交互,比如点击一个按钮,浏览器会在内存中创建一个与之相关的Event对象,这个对象包含了许多与事件相关的信息。但需要注意的是,Event对象只在事件处理函数执行期间存在,因此它的属性只能在事件...

    JavaScript event对象整理及详细介绍

    cancelBubble是一个布尔属性,将其设置为true时可以阻止事件继续向上冒泡。此功能在IE中可用,而在标准的W3C DOM中,推荐使用stopPropagation()方法。 returnValue属性用于阻止浏览器执行默认的事件动作,与标准的...

Global site tag (gtag.js) - Google Analytics