最近在做的在线考试和课程商城都遇到这样的问题:就是鼠标滑过的时候出现一个层,当鼠标滑到当前层的话mouseover和mouseout在低版本的浏览器会出现闪动的现象,解决这个现象的办法有许多,不过我觉得有一种是最简单的那就是把mouseover和mouseout换成对应的mouseenter和mouseleave。

当鼠标指针位于元素上方时,会发生 mouseover 事件。

该事件大多数时候会与 mouseout 事件一起使用。

注释:与 mouseenter 事件不同,不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。

注释:与 mouseleave 事件不同,不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。请看下面例子的演示。

当鼠标指针穿过元素时,会发生 mouseenter 事件。该事件大多数时候会与mouseleave 事件一起使用。

注意:mouseover ,mouseout当鼠标指针穿过被选元素子元素时,也会触发事件。这在绑定事件时,有时出现意想不到的Bug可能就是由 mouseover mouseout 事件引起的

mouseover与mouseenter

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

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

mouseout与mouseleave

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

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

java mouseenter_关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别相关推荐

  1. mouseover与mouseenter,mouseout与mouseleave的区别

    mouseover与mouseenter 不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件. 只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件. mouseou ...

  2. jQuery mouseover与mouseenter,mouseout与mouseleave的区别

    mouseover与mouseenter 不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件. 只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件. mouseou ...

  3. mouseover与mouseenter,mouseout和mouseleave的区别

    mouseover与mouseenter,mouseout和mouseleave的区别 Introdece 想起来这个就来气.举个例子,做轮播图的时候,当鼠标移动到前后的按钮的时候要清除掉定时器.我的 ...

  4. JavaScript中的mouseover与mouseenter,mouseout和mouseleave的区别

    1.mouseover与mouseenter mouseover事件:不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件. mouseenter事件:只有在鼠标指针穿过被选元素时, ...

  5. 鼠标事件(mouseover和mouseenter)

    下拉菜单案例 前言 一.mouseover和mouseenter的不同点 1.事件的触发时机 2.是否支持冒泡 二.案例 总结 前言 自己做下拉菜单的时候,突然发现mouseover和mouseent ...

  6. JavaScript---常用的鼠标事件mouseover 和mouseenter的区别

    一. mouseover 和mouseenter的区别 mouseover:  只要鼠标指针移入事件所绑定的元素或其子元素,都会触发该事件 mouseenter: 只有鼠标指针移入事件所绑定的元素时, ...

  7. mouseout和mouseleave的区别

    mouseleave事件是各元素各自触发,不是由子元素冒泡而来,而mouseout是由子元素冒泡而来.也就是: mouseleave是当鼠标指针离开了目标元素以及目标元素的所有子元素以后才会触发.如下 ...

  8. 鼠标浮动到表格的某行 背景颜色变化[mouseover mouseout 以及mouseenter mouseleave]

    之前一直觉得很难,今天用到了 好像超级简单 <table id="tableData"><tr class="flag"><td& ...

  9. mouseover和mouseenter、mouseout和mouseleave

    详细介绍请看:mouseenter与mouseover为何这般纠缠不清? mouseover和mouseenter的区别 mouseover:当鼠标移入元素或其子元素都会触发事件,所以有一个重复触发, ...

最新文章

  1. python通过什么连接数据库_python中常用的各种数据库操作模块和连接实例
  2. 荐书 | 10 本机器学习电子书,美版 Kindle 免费读
  3. 软件能力[置顶] 程序员如何成为设计师,软件公司如何成为苹果?
  4. python程序设计与科学计算pdf_用Python做科学计算 pdf版
  5. 1.10-SpringMVC直接访问WEB-INF下jsp中的页面
  6. CImage与OpenCV兼容问题
  7. Net EF框架+ MySql示例
  8. Visual Studio listView控件绑定SQL Server数据库并动态显示数据,调整列宽
  9. 5、jeecg 笔记之 minidao 条件判断
  10. 人工智能的本源与展望:从亚里士多德到平行智能
  11. tensorflow 获取checkpoint中的变量列表
  12. layui自定义模板
  13. android 手机安装windows7,安卓手机安装运行Win7系统教程(图文)
  14. Noip2011 Day1 T1 铺地毯(模拟)
  15. android无限轮播banner图片并且解决banner图片只有2张出现白板的情况,触摸即不轮播
  16. MySQL备份恢复之mysqldump恢复
  17. ie 开发人员工具使用方法(F12)
  18. OmniPlan 3破解码
  19. AI计算机视觉技术如何赋能智慧城市建设?5大典型场景盘点
  20. 【分布式】一致性哈希和哈希槽

热门文章

  1. java 继承调用_【JAVA学习】继承中函数调用机制
  2. RT-Thread Nano版本和RT-Thread Master版本的关系
  3. AIDL Service,跨进程调用Services
  4. mysql视图表修复_mysql中含有视图数据库在恢复数据时视图变成数据表的解决方法...
  5. python requests 重试_我可以为requests.request设置最大重试次数吗?
  6. 以python程序调用的系统_python 系统调用的实例详解
  7. Qt中translate、tr关系 与中文问题
  8. V210 系统时间设置
  9. SIP协议学习2-pjsip
  10. wince6.0驱动开发