手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript mouseover、mouseout停止事件冒泡的解决方案
javascript mouseover、mouseout停止事件冒泡的解决方案
摘要:在IE里有onmouseleave和onmouseenter,而对于要兼容各大浏览器的Web开发人员来说还是一件头疼的事。虽然网上已经有针对...

在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

【javascript mouseover、mouseout停止事件冒泡的解决方案】相关文章:

讲解JavaScript中for...in语句的使用方法

javascript验证邮件地址和MX记录的方法

JavaScript中停止执行setInterval和setTimeout事件的方法

JavaScript事件的理解

javascript的事件描述

JavaScript基于setTimeout实现计数的方法

javascript实现模拟时钟的方法

javascript实现Table排序的方法

Javascript实现飞动广告效果的方法

javascript动态创建链接的方法

精品推荐
分类导航