【mouseover,mouseout和mouseenter,mouseleave的区别及适用情况】的更多相关文章

mouseover,mouseout和mouseenter,mouseleave的区别及适用情况

在做类似于百度地图右下角,不同地图切换UI时,遇到了问题. 就是鼠标滑过的时候出现一个层,当鼠标滑到当前层的话mouseover和mouseout在低版本的浏览器会出现闪动的现象,最简单的那就是把mouseover和mouseout换成对应的mouseenter和mouseleave. 来看一看mouseover,mouseout和mouseenter,mouseleave的区别. A:与 mouseenter 事件不同,不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件.只…

mouseover&mouseout和mouseenter&mouseleave

mouseenter&mouseleave: 进入被选元素触发,进入被选元素的子元素不会重复触发. mouseover&mouseout: 进入被选元素触发,从被选元素进入其子元素会再次触发.因此会出现重复触发的现象.…

MouseOver/MouseOut vs MouseEnter/MouseLeave

参考 http://www.oschina.net/question/234345_45280 这是jQuery提供的函数 要注意MouseOut 和 MouseLeave的区别 比如对元素A绑定MouseOut  当鼠标离开元素A中的某个子元素(但仍在元素A中)  本事件就会触发 MouseLeave则是 鼠标完全离开A元素才触发…

mouseover,mouseout和mouseenter,mouseleave

mouseover和mouseout 鼠标指针进入或者离开被选元素或其子元素,都会触发相应事件. 非IE浏览器支持该事件. mouseenter和mouseleave 只有在鼠标指针进入或者离开被选元素时,才会触发相应事件. IE浏览器支持该事件. jquery已经解决兼容性问题,所有浏览器支持该事件. 实际上现代浏览器对于这两类事件都是支持的,即使是IE7也是支持的,IE6没有环境没有测试.…

jquery的hover mouseover mouseout mouseenter mouseleave的区别

jquery的hover mouseover mouseout mouseenter mouseleave的区别 1.mouseover mouseout mouseover - 鼠标指针经过任何子元素都会触发绑定在父元素上的mouseover事件 mouseout - 鼠标指针离开任何子元素时都会触发父元素上的mouseover事件 然后,你把代码拷贝过去try一下,就会有更深刻的理解: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans…

关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别

轮播中大多会选择mouseover和mouseout  这个时候是没有任何问题的 但当遇到有css3动画的时候,会发现移入移出过快 动画还没加载完成就需要执行下一个动画,完了动画样式就错乱了. 这时候我选择的是使用 mouseenter和mouseleave 注意:mouseover ,mouseout当鼠标指针穿过被选元素子元素时,也会触发事件.这在绑定事件时,有时出现意想不到的Bug可能就是由 mouseover mouseout 事件引起的. mouseover与mouseenter 不论…

mouseover,mouseout,mouseenter,mouseleave的区别

1.前言 今天下午参加一个面试,对方问我写不写博客,这时候才猛然意识到好久没写东西了.最近一直在外边实习,每天有很多经历和挑战,但是却没有及时地记录下来,这一点必须得批评自己,以后得经常把自己遇到的问题及时记录下来. 言归正传,今天面试卡住的第一个问题就是问我如何获取mouseenter.mouseleave中的两个对象?对这两个对象我只知道它们的特点是均不冒泡,是DOM新规范定义的方法,至于其他东西就不知道了. 2.二者的区别(以mouseover.mouseenter为例) <!doctyp…

mouseover事件与mouseenter事件的区别

不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件.对应mouseout 只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件.对应mouseleave 被触发的 Mouseover 事件: 被触发的 Mouseenter 事件:…

一个例子说明mouseover事件与mouseenter事件的区别

<html> <head> <meta charset="UTF-8"> <title>haha</title> <script src="jquery.js" type="text/javascript"></script> <script type="text/javascript"> x=0; y=0; $(document)…

jQuery mouseover,mouseout事件多次执行的问题处理

控制鼠标移上移下事件,在使用Jquery 的mouseover,mouseout事件时,元素内部含有其它元素,会造成该事件多次的触发的情况. 问题解析 在用到mouseover和mouseout事件来作为事件触发的条件,单一元素可以正常使用,但是如果我们用做触发的元素内部有其他的元素的时候当鼠标移上的时候会反复 的触发mouseover和mouseout事件.因为内部元素在鼠标移上的时候会向它的父对象派发事件,所以外面元素相当于也触发了mouseover 事件. 解决方法 jquery(需要版本…