解决mouseover和mouseout 冒泡事件的方法!
2017-05-16 00:00
423 查看
解决函数如下:
可在函数中运行该函数进行判断 ; 返回false 说明冒泡了!
该函数有两个参数:第一个是一个事件。在IE中,可以在函数内部直接获得事件,而对于FF等,则必须进行事件的传递;第二个参数,是事件定义的元素,也就是说,该事件是对那个元素产生影响。
function isMouseLeaveOrEnter(e, handler) { if (e.type != 'mouseout' && e.type != 'mouseover') return false; var reltg = e.relatedTarget ? e.relatedTarget : e.type == 'mouseout' ? e.toElement : e.fromElement; while (reltg && reltg != handler) reltg = reltg.parentNode; return (reltg != handler); }
可在函数中运行该函数进行判断 ; 返回false 说明冒泡了!
该函数有两个参数:第一个是一个事件。在IE中,可以在函数内部直接获得事件,而对于FF等,则必须进行事件的传递;第二个参数,是事件定义的元素,也就是说,该事件是对那个元素产生影响。
相关文章推荐
- 基于mouseout和mouseover等类似事件的冒泡问题解决方法
- 基于mouseout和mouseover等类似事件的冒泡问题解决方法
- jquery mouseout事件冒泡解决方法
- mouseover和mouseout事件引发的BUG-解决方法
- mouseover、mouseout停止事件冒泡的解决方案
- mouseover、mouseout停止事件冒泡的解决方案
- JS冒泡事件的快速解决方法
- [转载 js] YUI解决mouseout事件冒泡的办法
- javascript完美解决onMouseOver、onMouseOut冒泡事件方法简单
- mouseover、mouseout事件引起的阻止事件冒泡失效
- jQuery事件 mouseover方法与mouseout方法实现鼠标移进显示移出消失的效果 (css控制span标签)
- 解决因mouseover,mouseout冒泡产生的闪烁问题+兼容性问题
- mouseover以及mouseout事件问题解决方案
- 关于mouseout和mouseover等等类似事件的冒泡问题
- mouseover mouseout 冒泡事件
- div 内部元素出发 mouseout 和mouseover 事件解决
- 解决/阻止 div层内的div层点击事件冒泡触发的小方法
- 7-22 jq的事件冒泡解决方法
- JQuery事件( mouseover() 方法 mouseout() 方法 )
- mouseover、mouseout停止事件冒泡的解决方案