mouseover事件与mouseenter事件的区别
2015-09-19 18:25
323 查看
不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。对应mouseout
只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。对应mouseleave
这样的话,mouseenter子元素不会反复触发事件,否则在IE中经常有闪烁情况发生。
只有在鼠标指针穿过被选元素时,才会触发 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>
相关文章推荐
- html 使得两个元素 左右并排垂直居中对齐的最好方法是用 span 标签把他们都包起来。
- 如何使用Ubuntu online account API创建微博HTML5申请书
- 【git】学习路径失败了
- fatal error C1189: #error : Please do not include this file directly. Just define HAVE_REMOTE and t
- Request错误监控脚本
- Arcgis for Javascript之featureLayer图和属性互操作性
- Effective C++:条款14:在中小企业资源管理copying表现
- 如果overflowbutton 没出现的话解决
- Java 反射
- srs rtmp
- 自定义ImageView,显示gif,缩放拖拽
- 优秀的UI插件
- 煎饼侠
- Exchange工具10—BPA Tools
- 安装VMware Tools
- Android学习实践:1.初次创建Android项目遇到的各种问题
- struts2项目web.xml里加filter后,jsp页面不显示问题
- jquery Ajax的load、post、get、put、delete的用法
- C++ Studio (二) ----- atoi()函数的实现 (自己编写功能)
- SIP路由机制解析