Javascript鼠标事件

鼠标移入移出事件

mouserenter 鼠标移入事件 不冒泡，换言之，对子元素不生效
mouseleave 鼠标移出事件 不冒泡，换言之，对子元素不生效

mouseover 鼠标移入事件 冒泡,对子元素生效
mouseout 鼠标移出事件 冒泡,对子元素生效
移入移出需要正确组合使用，mouserenter、mouseleave适合tooltip场景，mouserover、mouserout适合下拉框、下拉菜单等需要进入操作的场景

 

posted @   DreamerSix  阅读(54)  评论(0)  编辑  收藏  举报
相关博文：
· 浏览器页面可见性事件
· Ajax处理文件流下载
· 鼠标事件：mouseout、mouseover事件会不断触发
· js中鼠标事件mouseover、mouseenter和mouseleave、mouseout的区别
· html_js - event
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· AI技术革命，工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示
AI IDE Trae