jquery mouseout mouseover 我们是非常的好用了这个非常的好用但在使用过程中我们会碰到jquery mouseout mouseover 执行次数非常的多了，下面我们就一起来看看此问题解决办法。
用jquery，mouseout，mouseover，随着鼠标移动，事件被触发了多次，换成js onmouseover，onmouseout也是一样。最终的解决办法是，用jquery，mouseleave代替mouseout；mouseenter代替mouseover。
mouseleave，mouseenter鼠标离开，进入最外层标签时触发事件。
mouseout，mouseover鼠标离开，进入里面标签时触发事件。
1，单个内部元素，无区别
<div id="test2" >
@@##@@
</div>
$("#test2").mouseleave(function(){
console.log('out');
}).mouseenter(function(){
console.log('in');
});
$("#test2").mouseout(function(){
console.log('out');
}).mouseover(function(){
console.log('in');
});上面二代码JS代码分别执行，执行的结果是一样的。mouseover，onmouseover，mouseenter一样，mouseout，onmouseout，mouseleave一样
2，多个内部元素，mouseleave，mouseenter只会执行一次
<div id="test2" > <ul> <li>test</li> <li>test1</li> <li>test2</li> <li>test3</li> <li>test4</li> </ul> </div>
如果将html代码换成ul这种形势，当鼠标进入，离开div时，mouseleave,mouseenter只会执行一次，而其他的，随着鼠标在ul的每个li之间进行滑动时，都会被执行。
以上就是jquery事件中mouseout与mouseover多次执行问题解决的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
529
