其他分享
首页 > 其他分享> > jQuery中mouseout和mouseleave区别

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>

 

总结

标签:jQuery,mouseleave,console,元素,mouseout,box1
来源: https://www.cnblogs.com/ayong6/p/12163185.html