jQuery mouseleave

jQuery中的mouseleave和mouseout的区别是什么？

根据引用中的资料，mouseenter和mouseleave事件不会冒泡，而mouseover和mouseout事件会冒泡。具体来说，当鼠标指针进入或离开一个元素时，mouseenter和mouseleave只会触发被鼠标指针直接进入或离开的元素上的事件处理程序。而mouseover和mouseout事件会在鼠标指针穿过元素边界时触发，包括进入或离开子元素的边界。

以引用中的代码为例，当鼠标指针进入或离开.box元素时，分别会执行相应的mouseenter和mouseleave事件处理程序。而当鼠标指针进入或离开.parent元素时，由于事件会冒泡，所以也会触发.box元素上的相应事件处理程序。

而当使用mouseover和mouseout事件时，会在鼠标指针进入或离开.box元素及其子元素时触发对应的事件处理程序。因此，当鼠标指针进入或离开子元素时，会分别触发.parent元素和.box元素上的事件处理程序。

综上所述，mouseleave和mouseout在不冒泡的情况下触发，而mouseenter和mouseover会在冒泡的情况下触发。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [jQuery中mouseout（）和mouseleave（）之间的区别](https://blog.csdn.net/cyan20115/article/details/106554798)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [jQuery常用事件方法——mouseenter、mouseleave、hover方法](https://blog.csdn.net/shaxiaobai/article/details/115280184)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]