
mouseenter、mouseleave、mouseover、mouseout理解
发布日期:2022-02-17 02:39:47
浏览次数:22
分类:技术文章
本文共 694 字,大约阅读时间需要 2 分钟。
前言
由于用到这几个事件,记录一下这几个事件的测试结果。
元素内无子元素
aaaaaabbbbbbb
let aoutdiv = document.getElementById("a1") let boutdiv = document.getElementById("b1") aoutdiv.addEventListener('mouseenter',function(e){ console.log('a--enter') }) aoutdiv.addEventListener('mouseleave',function(e){ console.log('a--leave') }) boutdiv.addEventListener('mouseover',function(e){ console.log('b--over') }) boutdiv.addEventListener('mouseout',function(e){ console.log('b--out') })
测试结果:完全一样
元素内有子元素
a外层a内层b外层b内层
测试结果:

总结
mouseenter、mouseleave不管有没有子元素,只执行一次【进入该区域和退出该区域】
mouseover、mouseout有子元素时,鼠标在子元素和父元素其他区域都会触发转载地址:https://blog.csdn.net/qq_39811414/article/details/108285228 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
路过按个爪印,很不错,赞一个!
[***.219.124.196]2023年09月05日 20时02分09秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
高德地图集成
2019-03-07
每天记录学习的新知识:Date的after和before
2019-03-07
每天记录学习的新知识:Math总结
2019-03-07
每天记录学习的新知识:Svn因为下载特殊字符图片报错
2019-03-07
每天记录学习的新知识:异常,当后台返回时间戳为String,提取后转换时间错误
2019-03-07
每天记录学习的新知识 :蓝牙BLE数据传输记录
2019-03-07
每天记录学习的新知识 :常量池
2019-03-07
Android Studio 3.6.1 和 Svn 关联
2019-03-07
Glide 4.11 异常:GeneratedAppGlideModuleImpl
2019-03-07
想用Terminal,先adb配置
2019-03-07
混淆规则内容包含什么?项目中的混淆文件拉出来溜溜
2019-03-07
因为混淆的问题生成Release版本失败
2019-03-07
Fragment 相关Api - 持续更新
2019-03-07
INotificationSideChannel
2019-03-07
AS 统一配置工程依赖和版本
2019-03-07
mysql导入低版本_解决MYSQL数据从高版本导入低版本的问题
2019-03-07