`
xiaomogu
  • 浏览: 49767 次
  • 性别: Icon_minigender_2
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

冒泡问题,mouseover与mouseout

阅读更多
当mouseover(mouseout)

当为父容器绑定mouseout,鼠标从父容器移入其子元素的时候,也会触发mouseout,即:
进入子元素=移出父元素
两种解决方案:
1. http://www.cnblogs.com/yujian/archive/2011/12/13/2286302.html
2.http://bbs.blueidea.com/thread-2886332-1-2.html
var h=document.getElementById('hide');
h.onmouseout=function(e) {
var e = e || window.event, relatedTarget = e.toElement || e.relatedTarget;
while(relatedTarget && relatedTarget != this)
relatedTarget = relatedTarget.parentNode;
if(!relatedTarget)
alert("a");
}
  • 大小: 4.6 KB
分享到:
评论

相关推荐

    javascript中mouseover、mouseout使用详解

    在ie下有mouseenter 与 mouseleave事件来替代mouseover 和 mouseout。 网上很多说法,这两个事件只有ie支持,其他浏览器不支持。 但是我在最新版本的火狐与谷歌都支持了mouseenter 与 mouseleave!!!!! 另外ie是...

    javascript mouseover、mouseout停止事件冒泡的解决方案

    停止事件冒泡在各浏览器中已经有相应的解决方案,但是对于mouseover和mouseout却显得力不从心。

    基于mouseout和mouseover等类似事件的冒泡问题解决方法

    主要介绍了关于mouseout和mouseover等类似事件的冒泡问题解决方法。需要的朋友可以过来参考下,希望对大家有所帮助

    javascript中mouseenter与mouseover的异同

    不知道大家在面试或者工作过程中有没有被 mouseover 和 mouseenter (对应的是 mouseout 和 mouseleave )事件所困扰。自己之前在面试的时候就有被问到诸如mouseover和mouseenter事件的异同之类的问题?当时没有答出来...

    JavaScript和JQuery的鼠标mouse事件冒泡处理

    简单的鼠标移动事件: 进入 代码如下: mouseenter:不冒泡 mouseover: 冒泡 不论鼠标指针穿过被选元素或其子元素,都会...给一个嵌套的层级绑定mouseout事件,会发现mouseout事件与想象的不一样 代码如下: <!DOC

    jquery常用方法及使用示例汇总

    mouseover事件大多数时候会与 mouseout 事件一起使用。 mouseover/mouserout事件由于冒泡机制,经常在不需要的时候不小心触发,从而导致一些脚本问题。 mouseenter()/mouseleave() mouseenter/mouseleave当且仅当...

    跨浏览器的 mouseenter mouseleave 以及 compareDocumentPosition的使用说明

    才发现这两个事件 是如此的优秀 且好用… 但搜索过程中 发现 好多人 似乎不太明白这两个事件 和mouseover mouseout 真正的区别 和用途.. 并且看到google中搜索得到的 一些朋友 实现的 跨浏览器 解决方案. 觉得...

    原生JavaScript实现Tooltip浮动提示框特效

    使用原生JavaScript设计和实现Tooltip浮动提示框特效,了解代码简化、事件绑定、事件冒泡等技巧和知识。 特效四个关键点: 显示:鼠标移到ToolTip超链接上时,ToolTip提示框可以...对应mouseout  只有在鼠标指针穿过

Global site tag (gtag.js) - Google Analytics