经过绑定元素时会多次触发mouseover和mouseout事件
2014-02-28 00:00
507 查看
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的问题。
相关文章推荐
- 经过绑定元素时会多次触发mouseover和mouseout事件
- 如何防止鼠标移出移入子元素触发mouseout和mouseover事件
- 鼠标经过子元素触发mouseout,mouseover事件的解决方案
- 相对定位父子元素触发mouseover和mouseout事件实验
- jQuery给一个元素绑定事件前,一次点击会多次触发的问题所在
- mouseover和mouseout事件在鼠标经过子元素时也会触发
- 鼠标经过子元素触发mouseout,mouseover事件的解决方案
- mouseover和mouseout事件在鼠标经过子元素时也会触发
- js当中mouseover和mouseout多次触发(非冒泡)
- 总结:解决鼠标经过内部元素触发onmouseout事件的问题
- 为什么鼠标还没完全移出就触发元素的mouseout事件
- onmouseout,mouseover经过子元素也触发的问题解决方案(兼容)
- JS中mouseover和mouseout多次触发问题如何解决
- jquery移除、绑定、触发元素事件使用示例详解
- JavaScript中mouseover和mouseout多次触发解决办法
- jquery移除、绑定、触发元素事件使用示例详解
- mouseover和mouseout多次触发解决方法(兼容ie和firefox)
- js当中mouseover和mouseout多次触发(非冒泡)
- unbind方法在事件中的使用,解决同类或同名元素事件触发多次问题
- 解决:点击子元素(子元素自己也绑定了事件)不触发父元素绑定的事件