mouseover事件与mouseenter事件的区别
来源:互联网 发布:淘宝发的红包怎么领取 编辑:程序博客网 时间:2024/05/16 01:36
不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。对应mouseout
只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。对应mouseleave
只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。对应mouseleave
这样的话,mouseenter子元素不会反复触发事件,否则在IE中经常有闪烁情况发生。
<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">x=0;y=0;$(document).ready(function(){ $("div.over").mouseover(function(){ $(".over span").text(x+=1); }); $("div.enter").mouseenter(function(){ $(".enter span").text(y+=1); });});</script></head><body><p>不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。</p><p>只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。</p><div class="over" style="background-color:lightgray;padding:20px;width:40%;float:left"><h2 style="background-color:white;">被触发的 Mouseover 事件:<span></span></h2></div><div class="enter" style="background-color:lightgray;padding:20px;width:40%;float:right"><h2 style="background-color:white;">被触发的 Mouseenter 事件:<span></span></h2></div></body></html>
- mouseover事件与mouseenter事件的区别
- mouseover事件与mouseenter事件的区别
- mouseover事件与mouseenter事件的区别
- mouseover事件与mouseenter事件的区别
- mouseover事件与mouseenter事件
- JavaScript事件mouseover和mouseenter的区别
- mouseover 事件和mouseenter 事件的不同
- jQuery中mouseover和mouseenter事件的区别
- 关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
- mouseenter与mouseover的区别
- JS事件分析之mouseover事件与mouseenter事件?
- jquery优化基本事件--mouseenter、mouseleave和mouseover、mouseout事件的区别
- jQuery 中mouseover 与 mouseenter 的区别
- jquery方法mouseenter与mouseover的区别
- 对mouseout/mouseleave,mouseover/mouseenter事件的解析
- mouseover和mouseenter的区别
- 事件mouseover/out和mouseenter/leave
- jQuery 事件:MouseOver/MouseOut vs MouseEnter/MouseLeave
- Android自定义View以及layout属性全攻略
- dll导出类的实现
- Android 的 SurfaceView 双缓冲应用
- nodejs中net包的使用
- android自定义Toast视图
- mouseover事件与mouseenter事件的区别
- iphone开发资源汇总
- android-API之FingerPaint手指绘图详解
- Ubuntu下Android开发环境如何搭配
- 《新日语基础教程》学习笔记——第六课
- STM32F10x的解释
- 《新日语基础教程》学习笔记——第七课
- android-API之PowerManager 电源管理类
- Socket