经过绑定元素时会多次触发mouseover和mouseout事件
作者:
经过绑定元素时会多次触发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的区别