gpt4 book ai didi

mouseover和mouseenter的区别?

转载 作者:知者 更新时间:2024-03-13 04:42:18 25 4
gpt4 key购买 nike

一、写在前面
mouseovermouseenter之间是存在区别的,但是平时在使用的时候并不知道他们的区别,所以一直都处于混用的状态,下面这篇博客主要来详细叙述一下这两者的区别。
二、不同点
mouseovermouseenter最本质的区别是:mouseover支持事件冒泡,mouseenter不支持事件冒泡。

①、触发A的mouseover和mouseenter事件
②、触发A的mouseout和mouseover事件,触发B的mouseover和mouseenter事件
③、触发A的mouseout和mouseover事件,触发B的mouseleave和mouseout事件
④、触发A的mouseout和mouseover事件,触发C的mouseover和mouseenter事件
⑤、触发A的mouseout和mouseenter事件,触发C的mouseleave和mouseout事件。
⑥、触发A的mouseout和mouseleave事件。

由上例子可以知道,mouseentermouseleave不存在事件冒泡,但是mouseoutmouseover存在事件冒泡。当在其子元素中来回切换时,mouseentermouseleave是不触发的,但是mouseoutmouseover是触发的。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com