基于mouseout和mouseover等类似事件的冒泡问题解决方法
- 软件编程
- 2026-01-11 15:39:49
最近写点东西,比较闹心,一个弹出层,上边有其他元素,本意是鼠标离开弹出层时,执行一些动作,但在实际应用中,鼠标离开弹出层中的元素时,也会激活这些动作。试了各浏览器的停止事件冒泡的方法,均无效。
还是咱们javaeye里高人众多,在一个哥们博客中发现了如下代码:
复制代码 代码如下:
function isMouseLeaveOrEnter(e, handler) {
if (e.type != 'mouseout' && e.type != 'mouseover') return false;
var reltg = e.relatedTarget ? e.relatedTarget : e.type == 'mouseout' ? e.toElement : e.fromElement;
while (reltg && reltg != handler)
reltg = reltg.parentNode;
return (reltg != handler);
}
这个方法是判断,当前元素是不是要执行mouseout事件的元素,这样就可以避免上述问题。
# 鼠标
# 博客
# 以避免
# 也会
# 实际应用
# 就可
# false
# 但在
# 弹出
# 发现了
# 写点
# 均无
# var
# 试了
# return
# function
# 层中
# parentNode
# mouseout
# 冒泡
# mouseover
# 兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现--简短版
# javascript mouseover、mouseout停止事件冒泡的解决方案
# onmouseover和onmouseout的一些问题思考
# 经过绑定元素时会多次触发mouseover和mouseout事件
# fromElement
# js ondocumentready onmouseover onclick onmouseout
# 实现onmouseover和onmouseout应用于RadioButtonList或CheckBo
# javascript中mouseover、mouseout使用详解
# reltg
相关栏目:
【
教研文案 】
【
日常文案 】
【
AI模型 】
【
网络运营 】
【
营销推广 】
【
云计算 】
【
技术教程 】
【
软件编程 】
【
汉字学习 】
【
歌词歌曲 】
【
精选文章 】
相关推荐:
golang使用 gomodule 在公共测试环境管理go的依赖的实例详解
python温度转换华氏温度实现代码
python 实现的IP 存活扫描脚本
C++ txt 文件读取,并写入结构体中的操作
C# 使用HttpClient上传文件并附带其他参数的步骤
Aop动态代理和cglib实现代码详解
使用pandas实现筛选出指定列值所对应的行
C++ 实现输入含空格的字符串
关于小程序优化的一些建议(小结)
docker-compose快速搭建docker私有仓库的步骤
selenium判断元素是否存在的两种方法小结
python-地图可视化组件folium的操作
在vue中使用inheritAttrs实现组件的扩展性介绍
vue添加自定义右键菜单的完整实例
解决goland中编辑tpl文件不高亮没智能补全的问题
基于Python中Remove函数的用法讨论
springboot如何读取application.yml文件
让你相见恨晚的十个Python骚操作
Python爬虫Scrapy框架CrawlSpider原理及使用案例
5分钟让你快速掌握java8 stream常用开发技巧
JavaScript实现网页留言板功能
Asp.net core中RedisMQ的简单应用实现
Git 如何放弃所有本地修改的方法
使用git上传到码云分支的实现
Android Studio实现简单音乐播放功能的示例代码
PHP笛卡尔积实现原理及代码实例
C# 实现FTP上传资料的示例
Java无法获取真实IP解决方案
python实现文件分片上传的接口自动化
Java 实现常见的非对称加密算法
C和C++11之enum枚举的具体使用方法
Python getsizeof()和getsize()区分详解
解决Android自定义view获取attr中自定义颜色的问题
C++ 浅谈emplace_back及使用误区
Springcloud sentinel安装和使用方法解析
go install/build生成的文件命名和路径操作
使用docker搭建kong集群操作
用webAPI实现图片放大镜效果
5 分钟读懂Python 中的 Hook 钩子函数
使用Shell脚本如何启动/停止Java的jar程序
spring boot实现超轻量级网关的方法(反向代理、转发)
.net core中的Authorization过滤器使用
C#高性能动态获取对象属性值的步骤
Python numpy大矩阵运算内存不足如何解决
深入理解 Java、Kotlin、Go 的线程和协程
详解Vue中的自定义指令
C语言中scanf函数与空格回车的用法说明
ES6中的类(Class)示例详解
利用python爬取有道词典的方法
最新版MySQL 8.0.22下载安装超详细教程(Windows 64位)
本文转自网络,如有侵权请联系客服删除。
热门内容推荐
C#使用虚拟方法实现多态
- 2026-01-11
JavaScript原生对象之String对象的属性和方法详解
- 2026-01-11
js实现DOM走马灯特效的方法
- 2026-01-11
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
- 2026-01-11
php实现微信公众平台账号自定义菜单类
- 2026-01-11
