经过绑定元素时会多次触发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 相关文章推荐
根据鼠标的位置动态的控制层的位置
Nov 24 Javascript
js判断浏览器类型为ie6时不执行
Jun 15 Javascript
JavaScript极简入门教程(一):基础篇
Oct 25 Javascript
jQuery往textarea中光标所在位置插入文本的方法
Jun 26 Javascript
javascript点击按钮实现隐藏显示切换效果
Feb 03 Javascript
JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)
Nov 01 Javascript
js仿微信语音播放实现思路
Dec 12 Javascript
浅谈对Angular中的生命周期钩子的理解
Jul 31 Javascript
vue组件定义,全局、局部组件,配合模板及动态组件功能示例
Mar 19 Javascript
JS实现移动端在线签协议功能
Aug 22 Javascript
微信小程序添加插屏广告并设置显示频率(一天一次)
Dec 06 Javascript
jquery实现点击左右按钮切换图片
Jan 27 jQuery
判断某个字符在一个字符串中是否存在的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
Windows下PHP的任意文件执行漏洞
2006/10/09 PHP
php 正则匹配函数体
2009/08/25 PHP
自己在做项目过程中学到的PHP知识收集
2012/08/20 PHP
实例介绍PHP的Reflection反射机制
2014/08/05 PHP
PHP基于PDO实现的SQLite操作类【包含增删改查及事务等操作】
2017/06/21 PHP
swoole锁的机制代码实例讲解
2021/03/04 PHP
jQuery中文入门指南,翻译加实例,jQuery的起点教程
2007/01/13 Javascript
Chosen 基于jquery的选择框插件使用方法
2012/05/30 Javascript
jquery html动态生成select标签出问题的解决方法
2013/11/20 Javascript
Javascript基础教程之数据类型 (字符串 String)
2015/01/18 Javascript
jQuery插件pagination实现分页特效
2015/04/12 Javascript
关于延迟加载JavaScript
2015/05/05 Javascript
JS实现网页游戏中滑块响应鼠标点击移动效果
2015/10/19 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
2016/01/22 Javascript
在线引用最新jquery文件的实现方法
2016/08/26 Javascript
微信小程序实现移动端滑动分页效果(ajax)
2017/06/13 Javascript
Vue通过URL传参如何控制全局console.log的开关详解
2017/12/07 Javascript
vue.js 实现输入框动态添加功能
2018/06/25 Javascript
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
2018/10/19 Javascript
webpack-url-loader 解决项目中图片打包路径问题
2019/02/15 Javascript
JavaScript中arguments的使用方法详解
2020/12/20 Javascript
[01:32]DOTA2上海特锦赛现场采访:最想COS的英雄
2016/03/25 DOTA
Python爬虫工程师面试问题总结
2018/03/22 Python
Python合并同一个文件夹下所有PDF文件的方法
2019/03/11 Python
Python的PIL库中getpixel方法的使用
2020/04/09 Python
Python 远程开关机的方法
2020/11/18 Python
深入浅出CSS3 background-clip,background-origin和border-image教程
2011/01/27 HTML / CSS
您的健身减肥和健康饮食专家:vitafy
2017/06/06 全球购物
Intersport西班牙:在线体育商店
2019/11/06 全球购物
电脑专业个人求职信范文
2014/02/04 职场文书
外贸业务员求职信
2014/06/16 职场文书
珠宝的促销活动方案
2014/08/31 职场文书
乡镇党员干部群众路线对照检查材料思想汇报
2014/09/28 职场文书
2015年班长个人工作总结
2015/04/03 职场文书
【HBU】数据库第四周 单表查询
2021/04/05 SQL Server
一文搞懂python异常处理、模块与包
2021/06/26 Python