经过绑定元素时会多次触发mouseover和mouseout事件


Posted in Javascript onFebruary 28, 2014

javascript的mouseover和mouseout事件,在绑定元素内部有子元素的情况下,

经过绑定元素时会多次触发mouseover和mouseout事件。

jquery解决办法:

jquery的mouseenter和mouseleave方法已经修复了这个问题,可以直接用来替代mouseover和mouseout

不过有个mouseenter和mouseleave有个小问题是,让鼠标从文档外直接进入绑定事件的元素时,mouseenter不生效

暂时解决办法是,别让绑定事件的元素靠浏览器边缘,尽量留出至少1px间距。

另外,jquery的hover()方法,相当于使用了mouseenter和mouseleave。也能解决mouseover和mouseout的问题。

Javascript 相关文章推荐
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
Jun 27 Javascript
Javascript操作cookie的函数代码
Oct 03 Javascript
javaScript arguments 对象使用介绍
Oct 18 Javascript
jquery预览图片实现鼠标放上去显示实际大小
Jan 16 Javascript
Jquery实现$.fn.extend和$.extend函数
Apr 14 Javascript
jQuery获取多种input值的简单实现方法
Jun 20 Javascript
JavaScript中自带的 reduce()方法使用示例详解
Aug 10 Javascript
Webpack执行命令参数详解
Jun 17 Javascript
Angular.JS中select下拉框设置value的方法
Jun 20 Javascript
使用Bootrap和Vue实现仿百度搜索功能
Oct 26 Javascript
解决vue中axios设置超时(超过5分钟)没反应的问题
Sep 04 Javascript
Vue实现手机号、验证码登录(60s禁用倒计时)
Dec 19 Vue.js
判断某个字符在一个字符串中是否存在的js代码
Feb 28 #Javascript
如何设置一定时间内只能发送一次请求
Feb 28 #Javascript
js中settimeout方法加参数
Feb 28 #Javascript
js校验表单后提交表单的三种方法总结
Feb 28 #Javascript
js对象转json数组的简单实现案例
Feb 28 #Javascript
JS中操作JSON总结
Dec 06 #Javascript
动态添加删除表格行的js实现代码
Feb 28 #Javascript
You might like
PHP 删除文件与文件夹操作 unlink()与rmdir()这两个函数的使用
2011/07/17 PHP
php表单提交与$_POST实例分析
2015/01/26 PHP
jQuery 研究心得 取得属性的值
2007/11/30 Javascript
Mootools 1.2教程 Fx.Tween的使用
2009/09/15 Javascript
fancybox1.3.1 基于Jquery的插件在IE中图片显示问题
2010/10/01 Javascript
JS通过相同的name进行表格求和代码
2013/08/18 Javascript
js中Image对象以及对其预加载处理示例
2013/11/20 Javascript
判断在css加载完毕后执行后续代码示例
2014/09/03 Javascript
jQuery实现单击和鼠标感应事件
2015/02/01 Javascript
BootStrap selectpicker
2016/06/20 Javascript
深入理解JS DOM事件机制
2016/08/06 Javascript
面试常见的js算法题
2017/03/23 Javascript
推荐三款不错的图片压缩上传插件(webuploader、localResizeIMG4、LUploader)
2017/04/21 Javascript
node内置调试方法总结
2018/02/22 Javascript
小程序云开发实战小结
2018/10/25 Javascript
vue 之 css module的使用方法
2018/12/04 Javascript
通过cordova将vue项目打包为webapp的方法
2019/02/02 Javascript
浅析微信小程序自定义日历组件及flex布局最后一行对齐问题
2020/10/29 Javascript
在Apache服务器上同时运行多个Django程序的方法
2015/07/22 Python
Python使用设计模式中的责任链模式与迭代器模式的示例
2016/03/02 Python
浅谈Django中的数据库模型类-models.py(一对一的关系)
2018/05/30 Python
python中dict字典的查询键值对 遍历 排序 创建 访问 更新 删除基础操作方法
2018/09/13 Python
python3.6编写的单元测试示例
2019/08/17 Python
Python异常原理及异常捕捉实现过程解析
2020/03/25 Python
Python实现进度条和时间预估的示例代码
2020/06/02 Python
CSS3 开发工具收集
2010/04/17 HTML / CSS
JAKO-O德国野酷台湾站:德国首屈一指的婴幼童用品品牌
2019/01/14 全球购物
十佳青年个人事迹材料
2014/01/28 职场文书
入党推优材料
2014/06/02 职场文书
主题团日活动总结
2014/06/25 职场文书
三严三实民主生活会发言稿
2014/10/13 职场文书
公司欠款证明
2015/06/24 职场文书
高中英语教学反思范文
2016/03/02 职场文书
django注册用邮箱发送验证码的实现
2021/04/18 Python
Oracle 区块链表创建过程详解
2021/05/15 Oracle
JavaScript小技巧带你提升你的代码技能
2021/09/15 Javascript