dib多层嵌套时mouseout事件停止事件冒泡的解决方案

今天遇到一个问题,一个页面上有多层的div嵌套时,写在最外层DIV上的mouseout事件在鼠标移到里层的DIV时也会触发到。这是因为DIV嵌套时,当鼠标移动到内层DIV时已经超出了外层DIV的监听范围,所以会调用到外层DIV中的mouseout事件,解决办法是可以在调用鼠标移出事件前加上以下的判断代码,当返回true时才调用要执行的方法即可。

停止事件冒泡方法:

function isMouseLeaveOrEnter(e, handler) { 
    if (e.type != 'mouseout' && e.type != 'mouseover') return false;  
    var reltg = e.relatedTarget ? e.relatedTarget : e.type == 'mouseout' ? e.toElement : e.fromElement;  
    while (reltg && reltg != handler)  
        reltg = reltg.parentNode;  
    return (reltg != handler);  
}
该方法对onmouseover事件也有效。


已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页