基于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模型 】
【
网络运营 】
【
营销推广 】
【
云计算 】
【
技术教程 】
【
软件编程 】
【
汉字学习 】
【
歌词歌曲 】
【
精选文章 】
相关推荐:
Python 数据分析之逐块读取文本的实现
python基于socket模拟实现ssh远程执行命令
ES6学习教程之Promise用法详解
关于小程序优化的一些建议(小结)
Python Socket多线程并发原理及实现
c/c++ 利用sscanf进行数据拆分操作
C# 调用腾讯即时通信 IM的示例
使用Python爬取Json数据的示例代码
docker时区问题和迁移数据问题
python通过cython加密代码
js异步接口并发数量控制的方法示例
Springmvc模式上传和下载与enctype对比
docker安装redis设置密码并连接的操作
让你相见恨晚的十个Python骚操作
Java 二分查找的实现及图例解析
.net core中的Authorization过滤器使用
5 分钟读懂Python 中的 Hook 钩子函数
解决C语言输入单个字符屏蔽回车符的问题
Python利用imshow制作自定义渐变填充柱状图(colorbar)
如何在JavaScript中等分数组的实现
java实现文件上传功能
使用Idea或Datagrip导入excel数据的方法
一文告诉你Sql的执行顺序是怎样的
一篇文章搞定Mysql日期时间函数
Java中多线程与并发_volatile关键字的深入理解
SpringBoot基于自定义注解实现切面编程
docker 打包本地镜像,并到其他机器进行恢复操作
利用nexus作为私库进行代理docker,进行上传和下载镜像操作
SQLServer设置客户端使用IP地址登录的图文详解
Spring Boot 通过 Mvc 扩展方便进行货币单位转换的代码详解
C#生成PDF的方法
Docker 配置阿里云容器服务操作
vuex Module将 store 分割成模块的操作
python3访问字典里的值实例方法
JavaScript实现浏览器网页自动滚动并点击的示例代码
Node.js文本文件BOM头的去除方法
Docker Gitlab+Jenkins+Harbor构建持久化平台操作
SpringBoot基于Actuator远程关闭服务
python自动从arxiv下载paper的示例代码
C++ 输入一行数字(含负数)存入数组中的案例
C#9.0新特性详解——顶级程序语句(Top-Level Programs)
Python虚拟环境virtualenv创建及使用过程图解
golang语言如何将interface转为int, string,slice,struct等类型
Docker Nginx容器和Tomcat容器实现负载均衡与动静分离操作
在java中main函数如何调用外部非static方法
Springcloud seata分布式事务实现代码解析
js观察者模式的弹幕案例
C#开发之int与string转化操作
Windows系统下MySQL无法启动的万能解决方法
SpringBoot Service和Dao的编写详解
本文转自网络,如有侵权请联系客服删除。
热门内容推荐
C#使用虚拟方法实现多态
- 2026-01-11
JavaScript原生对象之String对象的属性和方法详解
- 2026-01-11
js实现DOM走马灯特效的方法
- 2026-01-11
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
- 2026-01-11
php实现微信公众平台账号自定义菜单类
- 2026-01-11
