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


Posted in Javascript onApril 07, 2009

在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 相关文章推荐
又一个小巧的图片预加载类
May 05 Javascript
iframe 自适应高度[在IE6 IE7 FF下测试通过]
Apr 13 Javascript
js网页侧边随页面滚动广告效果实现
Apr 14 Javascript
浅谈JavaScript的事件
Feb 27 Javascript
jQuery链式调用与show知识浅析
May 11 Javascript
jQuery.Uploadify插件实现带进度条的批量上传功能
Jun 08 Javascript
jQuery获取多种input值的简单实现方法
Jun 20 Javascript
js/jq仿window文件夹框选操作插件
Mar 08 Javascript
Express + Node.js实现登录拦截器的实例代码
Jul 01 Javascript
vue中使用codemirror的实例详解
Nov 01 Javascript
js实现点赞按钮功能的实例代码
Mar 06 Javascript
vue引入静态js文件的方法
Jun 20 Javascript
javascript 兼容鼠标滚轮事件
Apr 07 #Javascript
javascript 有趣而诡异的数组
Apr 06 #Javascript
在JavaScript中,为什么要尽可能使用局部变量?
Apr 06 #Javascript
JavaScript 在各个浏览器中执行的耐性
Apr 06 #Javascript
javascript 获取图片颜色
Apr 05 #Javascript
Mozilla 表达式 __noSuchMethod__
Apr 05 #Javascript
关于javascript document.createDocumentFragment()
Apr 04 #Javascript
You might like
php实现json编码的方法
2015/07/30 PHP
php中mkdir()函数的权限问题分析
2016/09/24 PHP
Javascript 面向对象 重载
2010/05/13 Javascript
javascript操纵OGNL标签示例代码
2014/06/16 Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
2014/11/02 Javascript
JavaScript中的parse()方法使用简介
2015/06/12 Javascript
javascript生成不重复的随机数
2015/07/17 Javascript
jQuery实现的经典滑动门效果
2015/09/22 Javascript
原生javascript实现图片无缝滚动效果
2016/02/12 Javascript
javascript基于原型链的继承及call和apply函数用法分析
2016/12/15 Javascript
详解vue-router 2.0 常用基础知识点之导航钩子
2017/05/10 Javascript
jQuery绑定事件方法及区别(bind,click,on,live,one)
2017/08/14 jQuery
javaScript动态添加Li元素的实例
2018/02/24 Javascript
angular中如何绑定iframe中src的方法
2019/02/01 Javascript
微信小程序textarea层级过高(盖住其他元素)问题的解决办法
2019/03/04 Javascript
Vue-cli项目部署到Nginx服务器的方法
2019/11/01 Javascript
Vue.js 无限滚动列表性能优化方案
2019/12/02 Javascript
[46:55]LGD vs Liquid 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
Python微信企业号开发之回调模式接收微信端客户端发送消息及被动返回消息示例
2017/08/21 Python
PyQt5实现拖放功能
2018/04/25 Python
使用Python读取二进制文件的实例讲解
2018/07/09 Python
pandas通过loc生成新的列方法
2018/11/28 Python
Python函数中不定长参数的写法
2019/02/13 Python
Django实现前台上传并显示图片功能
2020/05/29 Python
印尼综合在线预订网站:Tiket.com(机票、酒店、火车、租车和娱乐)
2018/10/11 全球购物
彪马俄罗斯官网:PUMA俄罗斯
2019/07/13 全球购物
Carolina Lemke Berlin澳大利亚官网:时尚太阳镜品牌
2019/09/17 全球购物
2014年学生会工作总结
2014/11/07 职场文书
2014年管理工作总结
2014/11/22 职场文书
档案接收函格式
2015/01/30 职场文书
公司员工奖惩制度
2015/08/04 职场文书
Nginx配置Https安全认证的实现
2021/05/26 Servers
Python实现简繁体转换
2021/06/07 Python
MySQL 使用索引扫描进行排序
2021/06/20 MySQL
Python游戏开发实例之graphics实现AI五子棋
2021/11/01 Python
python机器学习创建基于规则聊天机器人过程示例详解
2021/11/02 Python