经过绑定元素时会多次触发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 相关文章推荐
js监听表单value的修改同步问题,跨浏览器支持
Dec 31 Javascript
javascript下4个跨浏览器必备的函数
Mar 07 Javascript
jquery和ajax的关系详细介绍
Nov 29 Javascript
jquery插件orbit.js实现图片折叠轮换特效
Apr 14 Javascript
举例讲解JavaScript中关于对象操作的相关知识
Nov 16 Javascript
jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例
Jan 30 Javascript
vue 父组件调用子组件方法及事件
Mar 29 Javascript
angularjs 的数据绑定实现原理
Jul 02 Javascript
JS高级技巧(简洁版)
Jul 29 Javascript
微信小程序实现多选框全选与取消全选功能示例
May 14 Javascript
微信小程序商品详情页底部弹出框
Nov 22 Javascript
原生js实现自定义滚动条组件
Jan 20 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与XML联手进行网站编程代码实例
2008/07/10 PHP
PHP开发规范手册之PHP代码规范详解
2011/01/13 PHP
php使用Session和文件统计在线人数
2015/07/04 PHP
PHP中SSO Cookie登录分析和实现
2015/11/06 PHP
php单元测试phpunit入门实例教程
2017/11/17 PHP
PHP设计模式概论【概念、分类、原则等】
2020/05/01 PHP
基于jquery实现拆分姓名的方法(纯JS版)
2013/05/08 Javascript
用javascript为页面添加天气显示实现思路及代码
2013/12/02 Javascript
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
2013/12/13 Javascript
js复制网页内容并兼容各主流浏览器的代码
2013/12/17 Javascript
php的文件上传入门教程(实例讲解)
2014/04/10 Javascript
html文档中的location对象属性理解及常见的用法
2014/08/13 Javascript
jquery实现html页面 div 假分页有原理有代码
2014/09/06 Javascript
JavaScript设计模式之外观模式实例
2014/10/10 Javascript
jquery处理json对象
2014/11/03 Javascript
JavaScript精炼之构造函数 Constructor及Constructor属性详解
2015/11/05 Javascript
jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
2016/01/19 Javascript
JavaScript预解析及相关技巧分析
2016/04/21 Javascript
jquery把int类型转换成字符串类型的方法
2016/10/07 Javascript
JavaScript用构造函数如何获取变量的类型名
2016/12/23 Javascript
基于ionic实现下拉刷新功能
2018/05/10 Javascript
JavaScript实现沿五角星形线摆动的小圆实例详解
2020/07/28 Javascript
vue 中this.$set 动态绑定数据的案例讲解
2021/01/29 Vue.js
Python中使用动态变量名的方法
2014/05/06 Python
python3实现ftp服务功能(服务端 For Linux)
2017/03/24 Python
Python RabbitMQ消息队列实现rpc
2018/05/30 Python
Jupyter Notebook打开任意文件夹操作
2020/04/14 Python
python能否java成为主流语言吗
2020/06/22 Python
美国伊甸园兄弟种子公司:Eden Brothers
2018/07/01 全球购物
英国儿童设计师服装和玩具购物网站:Zac & Lulu
2020/10/19 全球购物
房屋买卖协议书
2014/04/10 职场文书
优秀教师先进个人事迹材料
2014/08/31 职场文书
婚内房产协议书范本
2014/10/02 职场文书
2014流动人口计划生育工作总结
2014/12/20 职场文书
财政局长个人总结
2015/03/04 职场文书
2016幼儿园新学期寄语
2015/12/03 职场文书