经过绑定元素时会多次触发mouseover和mouseout事件


Posted in Javascript onFebruary 28, 2014

javascript的mouseover和mouseout事件,在绑定元素内部有子元素的情况下,

经过绑定元素时会多次触发mouseover和mouseout事件。

jquery解决办法:

jquery的mouseenter和mouseleave方法已经修复了这个问题,可以直接用来替代mouseover和mouseout

不过有个mouseenter和mouseleave有个小问题是,让鼠标从文档外直接进入绑定事件的元素时,mouseenter不生效

暂时解决办法是,别让绑定事件的元素靠浏览器边缘,尽量留出至少1px间距。

另外,jquery的hover()方法,相当于使用了mouseenter和mouseleave。也能解决mouseover和mouseout的问题。

Javascript 相关文章推荐
JQuery中阻止事件冒泡几种方式及其区别介绍
Jan 15 Javascript
JS在IE下缺少标识符的错误
Jul 23 Javascript
Node.js中使用mongoskin操作mongoDB实例
Sep 28 Javascript
JavaScript极简入门教程(三):数组
Oct 25 Javascript
一个JavaScript操作元素定位元素的实例
Oct 29 Javascript
AngularJS实现使用路由切换视图的方法
Jan 24 Javascript
Vue-cli proxyTable 解决开发环境的跨域问题详解
May 18 Javascript
Angular中的$watch、$watchGroup、$watchCollection
Jun 25 Javascript
JS获取填报扩展单元格控件的值的解决办法
Jul 14 Javascript
浅析JavaScript中的平稳退化(graceful degradation)
Jul 24 Javascript
在Create React App中使用CSS Modules的方法示例
Jan 15 Javascript
layui下拉列表select实现可输入查找的方法
Sep 28 Javascript
判断某个字符在一个字符串中是否存在的js代码
Feb 28 #Javascript
如何设置一定时间内只能发送一次请求
Feb 28 #Javascript
js中settimeout方法加参数
Feb 28 #Javascript
js校验表单后提交表单的三种方法总结
Feb 28 #Javascript
js对象转json数组的简单实现案例
Feb 28 #Javascript
JS中操作JSON总结
Dec 06 #Javascript
动态添加删除表格行的js实现代码
Feb 28 #Javascript
You might like
php debug 安装技巧
2011/04/30 PHP
PHP文件操作详解
2016/12/30 PHP
基于Codeigniter框架实现的student信息系统站点动态发布功能详解
2017/03/23 PHP
推荐dojo学习笔记
2007/03/24 Javascript
jQuery AJAX回调函数this指向问题
2010/02/08 Javascript
Jquery 实现表格颜色交替变化鼠标移过颜色变化实例
2013/08/28 Javascript
jquery和ajax的关系详细介绍
2013/11/29 Javascript
利用JS解决ie6不支持max-width,max-height问题的方法
2014/01/02 Javascript
jQuery中inArray方法注意事项分析
2016/01/25 Javascript
js关于getImageData跨域问题的解决方法
2016/10/14 Javascript
浅谈jQuery中的eq()与DOM中element.[]的区别
2016/10/28 Javascript
基于LayUI实现前端分页功能的方法
2017/07/22 Javascript
javascript高仿热血传奇游戏实现代码
2018/02/22 Javascript
jQuery发请求传输中文参数乱码问题的解决方案
2018/05/22 jQuery
vue2.0移动端滑动事件vue-touch的实例代码
2018/11/27 Javascript
layui表格设计以及数据初始化详解
2019/10/26 Javascript
微信小程序实现身份证取景框拍摄
2020/09/09 Javascript
vue项目配置同一局域网可使用ip访问的操作
2020/10/23 Javascript
[01:04]DOTA2:伟大的Roshan雕塑震撼来临
2015/01/30 DOTA
[11:12]2018DOTA2国际邀请赛寻真——绿色长城OpTic
2018/08/10 DOTA
Python的“二维”字典 (two-dimension dictionary)定义与实现方法
2016/04/27 Python
深入学习Python中的装饰器使用
2016/06/20 Python
微信小程序跳一跳游戏 python脚本跳一跳刷高分技巧
2018/01/04 Python
Lands’ End英国官方网站:高质量男女服装
2017/10/07 全球购物
老板电器官方购物商城:老板油烟机、燃气灶、消毒柜、电烤箱
2018/05/30 全球购物
英国家喻户晓的家居商店:The Range
2019/03/25 全球购物
一套Java笔试题
2016/08/20 面试题
万户网络JAVA程序员岗位招聘笔试试卷
2013/01/08 面试题
如何填写个人简历自我评价
2013/12/10 职场文书
党员自我评价分享
2013/12/13 职场文书
八年级生物教学反思
2014/01/22 职场文书
陈胜吴广起义口号
2014/06/20 职场文书
中队活动总结
2014/08/27 职场文书
精神病医院见习报告
2014/11/03 职场文书
超强台风观后感
2015/06/09 职场文书
环保建议书作文400字
2015/09/14 职场文书