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

在IE里有onmouseleave和onmouseenter, 而对于要兼容各大浏览器的Web开发人员来说还是一件头疼的事。
虽然网上已经有针对Mozilla Firefox的一些计策，但代码量也是不容乐观的。
想寻求比较好的解决方案，于是就翻遍了国内的大小网站，终一无所获，不得不硬着头皮去读国外网站，结果是理想的，因为W3C里有relatedTarget，于是就有了下边的解决方案：

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和onmouseout里做如上判断。
作者:lxsgoodluck

您可能感兴趣的文章:

• js之事件冒泡和事件捕获详细介绍
• 阻止JavaScript事件冒泡传递（cancelBubble 、stopPropagation）
• js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件
• js阻止冒泡及jquery阻止事件冒泡示例介绍
• javascript事件冒泡详解和捕获、阻止方法
• js event事件的传递与冒泡处理
• js冒泡、捕获事件及阻止冒泡方法详细总结
• JavaScript 事件冒泡简介及应用
• JS冒泡事件的快速解决方法
• JS阻止冒泡事件以及默认事件发生的简单方法
• js如何取消事件冒泡
• javascript事件冒泡简单示例