jQuery中mouseout和mouseleave区别

Posted ayong6

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery中mouseout和mouseleave区别相关的知识，希望对你有一定的参考价值。

jQuery中mouseout和mouseleave区别

 1 <body>
 2       <div id="box1">
 3           <div id="box2"></div>
 4       </div>
 5       <script src="jquery.js"></script>
 6       <script>
 7           let box1 = $(‘#box1‘);
 8           let box2 = $(‘#box2‘);
 9   ?
10           box1.on({
11               mouseout:function(){         
12                   console.log(‘mouseout‘);   //不论鼠标指针离开指定元素还是该元素子元素，都会触发 mouseout 事件。
13               },
14               mouseleave:function(){
15                   console.log(‘mouseleave‘); //只有在鼠标指针离开指定元素时，才会触发 mouseleave 事件。
16               },
17           })
18       </script>
19   </body>

 

总结

  • 个人感觉mouseleave()最大的好处就是不冒泡

以上是关于jQuery中mouseout和mouseleave区别的主要内容，如果未能解决你的问题，请参考以下文章

jQuery mouseover与mouseenter,mouseout与mouseleave的区别

jquery鼠标移入移出

mouseover和mouseout事件在鼠标经过子元素时也会触发

mouseout和mouseovermouseenter和mouseleave

JS/jquery实现鼠标控制页面元素显隐

JavaScript里mouseenter和mouseleave与mouseover和mouseout的区别