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()最大的好处就是不冒泡

posted @ 2020-01-07 18:43  ayong6  阅读(213)  评论(0)    收藏  举报