Tag标签 | 收藏本站 | 设为首页 | 参考书籍 | web前端技术交流①群:WEB前端技术交流群 会员登录 | 会员注册

首页文字描述

会员投稿 RSS订阅 专注web前端: 要么读书、要么旅行,身体和精神必须要有一个在路上。【每天一小步,成功一大步】
搜索: 您的位置主页 > WEB前端 > Jquery/JS > jQuery中的mouseover、mouseout和mouseenter、mouseleave的区别
隐藏/显示侧边栏

jQuery中的mouseover、mouseout和mouseenter、mouseleave的区别

2014-11-28 20:58    来源:未知    责任编辑:admin    字号【
mouseover与mouseenter

不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。

只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。



mouseout与mouseleave

不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。

只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。

具体什么意思:  

例如:<div class="test"> 我们的友情<span>我们</span>   </test>

假如在  class为test的DIV上同时绑定mouseover和mouseout事件,那么当鼠标经过子元素span的时候  会先触发mouseout事件,然后再触发mouseover事件。。。

而mouseenter 和mouseleve不会作用在子元素上。 事件不会穿透,mouseover 、mouseleave具有穿透性。 项目总结!



更多
Tags 标签:
责任编辑:admin
设为首页 | 加入收藏 | 关于我们| 版权声明 | 在线留言 | 网站地图 |