经过绑定元素时会多次触发mouseover和mouseout事件
更新时间：2014年02月28日 16:47:55 作者：
经过绑定元素时会多次触发mouseover和mouseout事件，针对这个问题，下面有个不错的解决方法
javascript的mouseover和mouseout事件，在绑定元素内部有子元素的情况下，
经过绑定元素时会多次触发mouseover和mouseout事件。
jquery解决办法:
jquery的mouseenter和mouseleave方法已经修复了这个问题，可以直接用来替代mouseover和mouseout
不过有个mouseenter和mouseleave有个小问题是，让鼠标从文档外直接进入绑定事件的元素时，mouseenter不生效
暂时解决办法是，别让绑定事件的元素靠浏览器边缘，尽量留出至少1px间距。
另外，jquery的hover()方法,相当于使用了mouseenter和mouseleave。也能解决mouseover和mouseout的问题。
经过绑定元素时会多次触发mouseover和mouseout事件。
jquery解决办法:
jquery的mouseenter和mouseleave方法已经修复了这个问题，可以直接用来替代mouseover和mouseout
不过有个mouseenter和mouseleave有个小问题是，让鼠标从文档外直接进入绑定事件的元素时，mouseenter不生效
暂时解决办法是，别让绑定事件的元素靠浏览器边缘，尽量留出至少1px间距。
另外，jquery的hover()方法,相当于使用了mouseenter和mouseleave。也能解决mouseover和mouseout的问题。
您可能感兴趣的文章:
- 兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现--简短版
- javascript 兼容FF的onmouseenter和onmouseleave的代码
- javascript mouseover、mouseout停止事件冒泡的解决方案
- 跨浏览器的 mouseenter mouseleave 以及 compareDocumentPosition的使用说明
- 为非IE浏览器添加mouseenter,mouseleave事件的实现代码
- onmouseover和onmouseout的一些问题思考
- Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
- 关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
相关文章
JAVASCRIPT是AJAX技术中不可或缺的一部分，所以想学好AJAX以及现在流行的AJAX框架，学好JAVASCRIPT是最重要的。这章我给大家整理了一些JAVASCRIPT的基础知识、常用代码和事件汇总。2015-08-08
FireFox中textNode分片的问题...2007-04-04
在本篇文章里小编给大家整理的是一篇关于JS中比较两个Object数组是否相等方法实例内容，有需要的朋友们学习下。2019-11-11
这篇文章主要为大家详细介绍了Openlayers显示地理位置坐标，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
这篇文章介绍了JavaScript动态操作select下拉框的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-04-04
rpx是微信小程序新推出的一个单位，按官方的定义，rpx可以根据屏幕宽度进行自适应，在rpx出现之前，web页面的自适应布局已经有了多种解决方案，为什么微信还捣鼓出新的rpx单位？下面通过这篇文章来一起看看吧。2016-12-12
JS具有阻塞特性,当浏览器在执行js代码时,不能同时做其它事情,下面这篇文章主要给大家介绍了关于js与css阻塞问题的相关资料,需要的朋友可以参考下2021-07-07
这篇文章主要介绍了前端解决跨域问题-nmp安装http-server的问题，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-07-07
这篇文章主要介绍了使用webpack和rollup打包组件库的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-02-02
这篇文章主要介绍了JS滚动条触底加载更多,需要的朋友可以参考下2019-09-09
最新评论