[js] 以下鼠标事件mouseover、click、mouseleave、mousemove不支持冒泡的是哪个?

haizhilin2013
2023-05-18 04:33:21 星期四
js
                    
                        
以下鼠标事件mouseover、click、mouseleave、mousemove不支持冒泡的是哪个?
Comments per page
< Page 1 / 1 >
reset1630 2023-05-18 06:39:57

鼠标事件中,click和mousemove是支持冒泡的,而mouseover和mouseleave是不支持冒泡的。

当鼠标点击一个元素时,click事件会在这个元素上触发,然后从触发元素开始依次向上层元素冒泡,直到document对象。同样,当鼠标在元素上移动时,mousemove事件也会依次从当前元素向上层元素冒泡。

但是,当鼠标进入或离开一个元素时,mouseover和mouseleave事件不会向上层元素冒泡。比如,当鼠标从父元素移动到子元素上时,mouseover事件只会在子元素上触发,不会在父元素上触发。当鼠标离开子元素时,mouseleave事件也只会在子元素上触发,不会在父元素上触发。

Athony1225 2023-05-20 09:33:08

经过验证除了mouseleave和mouseenter事件之外,所有的鼠标事件都支持冒泡

mwmzuishuai 2023-06-10 12:24:43

常见的鼠标事件中只有onmouseenter:当鼠标移到某个元素上方时触发;和onmouseleave:当鼠标移出某个元素上方时触发; 不会事件冒泡, 与其相似的是 onmouseover和onmouseout 他们之间的区别在于后两个默认是冒泡的。
所以答案就是冒泡的是:mouseover、click、mousemove
不会冒泡的是:mouseleave

WangLiqing0713 2023-07-10 12:37:25

不支持冒泡的事件有
mouseleave, mouseenter

排行榜
今日答题答题排行
    未答的题
    更多>
      【关注作者公众号】 以面试驱动学习--前端剑解
      【公众号推荐】 不折腾的前端和咸鱼有什么区别

      学习不打烊,充电加油只为遇到更好的自己,365天无节假日,每天早上5点纯手工发布前端知识点(死磕自己,愉悦大家)。希望大家在这浮夸的前端圈里,保持冷静,坚持每天花20分钟来学习与思考。在这千变万化,类库层出不穷的前端,建议大家不要等到找工作时,才狂刷题,提倡每日学习!欢迎大家关注3+1开源项目!希望大家每人去学习与思考!(不要为了谁而来,要为自己而努力!

      【关注官方公众号】 每天4:30-5:00推送
      【公众号推荐】 一起折腾前端算法
      【微信学习群】 备注3+1