mouseout事件被不断触发

原因：mouseout => 不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。因为绑定mouseout事件的父div里通常会嵌套子div，鼠标虽然未移出父元素，却移出了其中的子元素，故事件会被触发。

解决：用 mouseleave代替mouseout

总结：
mouseover与mouseenter

mouseover => 不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。
mouseenter => 只有在鼠标指针从元素外穿入被选元素（到元素内）时，才会触发 mouseenter 事件。

mouseout与mouseleave

mouseout => 不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。
mouseleave => 只有在鼠标指针从元素内穿出被选元素（到元素外）时，才会触发 mouseleave 事件。

mouseout事件被不断触发相关推荐

React 解决鼠标移入子元素触发父元素的mouseout事件
方法一. 用mouseleave/mouseenter代替mouseover/mouseout[最佳方法] mouseover 与 mouseenter: mouseover => 不论鼠标指针 ...
mouseover和mouseout事件在鼠标经过子元素时也会触发
javascript的mouseover和mouseout事件,在绑定元素内部有子元素的情况下, 经过绑定元素时会多次触发mouseover和mouseout事件. jquery解决办法: jquer ...
解决鼠标移入子元素触发父元素的mouseout事件
方法一. 用mouseleave/mouseenter代替mouseover/mouseout[最佳方法] mouseover 与 mouseenter: mouseover => 不论鼠标指针 ...
[转载 js] YUI解决mouseout事件冒泡的办法
原文出处:http://design.alibaba-inc.com/?q=node/727 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ YAHOO.util.D ...
jQuery之事件绑定到触发全过程及知识点补充
前言: 最重要的还是最后的流程图,可以试着根据流程图手写实现$().on(),下篇文章会放出模拟实现的代码. 一.举例 <div id="A" style="bac ...
javascript中mouseover和mouseout事件详解
原文链接:http://blog.sina.com.cn/s/blog_468530a60101awlw.html 与 mouseenter 事件不同,不论鼠标指针穿过被选元素或其子元素,都会触发 ...
mouseover事件和mouseenter事件以及mouseleave事件和mouseout事件的区别
1.mouseover事件与mouseenter事件 mouseover事件:不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件. mouseenter事件:只有在鼠标指针穿过被选 ...
js笔记：如何解决mouseover与mouseout的多次触发问题
如何解决mouseover与mouseout的多次触发问题首先我们要了解的是为什么mouseover与mouseout会出现多次触发的问题?这就要看它们作用的对象如何. 1.假如其作用的对象没有子代 ...
mouseover、mouseout事件悬浮图片闪烁解决办法
项目需求,鼠标悬浮在div上时出现弹框信息,on关联mouseover事件时,出现悬浮框一直不停闪烁,是因为频繁触发了mouseover和mouseout事件,解决办法: 在悬浮框元素中加入css样式 ...

mouseout事件被不断触发

mouseout事件被不断触发相关推荐

最新文章

热门文章