手机
当前位置:查字典教程网 >编程开发 >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实现Table排序的方法

详谈javascript中的cookie

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

理解javascript中的with关键字

javascript用函数实现对象的方法

JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)

javascript相关事件的几个概念

学习javascript文件加载优化

javascript实现点击后变换按钮显示文字的方法

javascript的事件描述

精品推荐
分类导航