您好,欢迎访问一九零五行业门户网

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

在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
其它类似信息

推荐信息