经过绑定元素时会多次触发mouseover和mouseout事件
2014-02-28 16:47
861 查看
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的区别
相关文章推荐
- 经过绑定元素时会多次触发mouseover和mouseout事件
- 鼠标经过子元素触发mouseout,mouseover事件的解决方案
- mouseover和mouseout事件在鼠标经过子元素时也会触发
- mouseover和mouseout事件在鼠标经过子元素时也会触发
- 鼠标经过子元素触发mouseout,mouseover事件的解决方案
- 如何防止鼠标移出移入子元素触发mouseout和mouseover事件
- 相对定位父子元素触发mouseover和mouseout事件实验
- jQuery给一个元素绑定事件前,一次点击会多次触发的问题所在
- jquery click 多次绑定,多次触发,怎么清除历史绑定事件
- mouseover、mouseout防止多次触发
- 手机端给父元素绑定了长按事件,但是子元素的点击事件不被触发的解决方法——事件委托
- jquery移除、绑定、触发元素事件使用示例详解
- jQuery的mouseover和mouseout事件当快速移动 事件延迟触发问题
- jquery 事件 多次绑定,多次触发,怎么清除历史绑定事件
- JS中mouseover和mouseout多次触发问题如何解决
- jQuery动态添加元素无法触发绑定事件的解决方法分析
- live 绑定事件会触发多次
- jquery 事件 多次绑定,多次触发,怎么清除历史绑定事件
- javascript阻止子元素冒泡触发父元素的mouseover、mouseout
- jquery click 多次绑定,多次触发,怎么清除历史绑定事件