经过绑定元素时会多次触发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 相关文章推荐
DEFER怎么用?
Jul 01 Javascript
JavaScript判断一个URL链接是否有效的实现方法
Oct 08 Javascript
基于jQuery的图片左右无缝滚动插件
May 23 Javascript
fancybox modal的完美解决(右上的X)
Oct 30 Javascript
JavaScript利用正则表达式去除日期中的“-”
Jul 01 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
Mar 05 Javascript
Javascript随机标签云代码实例
Jun 21 Javascript
修改ligerui 默认确认按钮的方法
Dec 27 Javascript
JavaScript 函数的定义-调用、注意事项
Apr 16 Javascript
vue+element的表格实现批量删除功能示例代码
Aug 17 Javascript
js前端如何写一个精确的倒计时代码
Oct 25 Javascript
在vue中使用eslint,配合vscode的操作
Nov 09 Javascript
判断某个字符在一个字符串中是否存在的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
PHP6 中可能会出现的新特性预览
2014/04/04 PHP
PHP开发中解决并发问题的几种实现方法分析
2017/11/13 PHP
PHP基于redis计数器类定义与用法示例
2018/02/08 PHP
PHP 多任务秒级定时器的实现方法
2018/05/13 PHP
Web版彷 Visual Studio 2003 颜色选择器
2007/01/09 Javascript
jquery cookie实现的简单换肤功能适合小网站
2013/08/25 Javascript
node.js中的url.resolve方法使用说明
2014/12/10 Javascript
js使用post 方式打开新窗口
2015/02/26 Javascript
JS实现三个层重叠点击互相切换的方法
2015/10/06 Javascript
在js里怎么实现Xcode里的callFuncN方法(详解)
2016/11/05 Javascript
Angular4如何自定义首屏的加载动画详解
2017/07/26 Javascript
JS实现为动态添加的元素增加事件功能示例【基于事件委托】
2018/03/21 Javascript
JavaScript中的回调函数实例讲解
2019/01/27 Javascript
Vue.js@2.6.10更新内置错误处机制Fundebug同步支持相应错误监控
2019/05/13 Javascript
详解JavaScript中new操作符的解析和实现
2020/09/04 Javascript
JS模拟实现京东快递单号查询
2020/11/30 Javascript
Python selenium如何设置等待时间
2016/09/15 Python
python读取文本中数据并转化为DataFrame的实例
2018/04/10 Python
python实现寻找最长回文子序列的方法
2018/06/02 Python
Python BS4库的安装与使用详解
2018/08/08 Python
Python unittest单元测试框架总结
2018/09/08 Python
pandas求两个表格不相交的集合方法
2018/12/08 Python
python使用pdfminer解析pdf文件的方法示例
2018/12/20 Python
JupyterNotebook设置Python环境的方法步骤
2019/12/03 Python
python yield和Generator函数用法详解
2020/02/10 Python
Django关于admin的使用技巧和知识点
2020/02/10 Python
基于virtualenv创建python虚拟环境过程图解
2020/03/30 Python
django实现更改数据库某个字段以及字段段内数据
2020/03/31 Python
公认8个效率最高的爬虫框架
2020/07/28 Python
HTML5中的postMessage API基本使用教程
2016/05/20 HTML / CSS
世界领先的高品质定制产品平台:Zazzle
2017/07/23 全球购物
Spartoo瑞典:鞋子、包包和衣服
2018/09/15 全球购物
心理咨询承诺书
2014/05/20 职场文书
奥林匹克的口号
2014/06/13 职场文书
总经理检讨书范文
2015/02/16 职场文书
在JavaScript中如何使用宏详解
2021/05/06 Javascript