博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
解决鼠标移入子元素触发父元素的mouseout事件
阅读量:3899 次
发布时间:2019-05-23

本文共 441 字,大约阅读时间需要 1 分钟。

方法一、 用mouseleave/mouseenter代替mouseover/mouseout【最佳方法】

mouseover 与 mouseenter:

mouseover => 不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。

mouseenter => 只有在鼠标指针从元素外穿入被选元素(到元素内)时,才会触发 mouseenter 事件。

mouseout 与 mouseleave:

mouseout => 不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。

mouseleave => 只有在鼠标指针从元素内穿出被选元素(到元素外)时,才会触发 mouseleave 事件。

方法二、利用e.stopPropagation()阻止事件进一步传播

e.stopPropagation()会终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后,该节点上处理该事件的处理程序将被调用,事件不再被分派到其他节点。

转载地址:http://mvden.baihongyu.com/

你可能感兴趣的文章
PHP验证码程序:session生成图片
查看>>
PHP实例:用SESSION方法实现验证码
查看>>
如何在PHP中保持SESSION以及由此引发的一些思考
查看>>
验证码功能的实现
查看>>
用于 php-5.2 的 php.ini 中文版
查看>>
php总结(1)
查看>>
使用Automake生成Makefile及动态库和静态库的创建
查看>>
Word 2007与2003菜单位置对应表:格式
查看>>
MySQL 如何只导出 指定的表 的表结构和数据
查看>>
eclipse工程,从linux(ubuntu)到windows的迁移
查看>>
Ubuntu 中软件的安装、卸载以及查看的方法总结
查看>>
awk 引用外部变量的六种方法
查看>>
linux date 命令详解
查看>>
getopt的使用
查看>>
va_start va_end 的使用和原理
查看>>
lighttpd,nginx,apache的性能负载比较
查看>>
关于i++和++i以及左值,右值
查看>>
写安全的代码(1)
查看>>
菜鸟学PHP之Smarty入门(组图)
查看>>
简单配置Editplus的PHP调试环境
查看>>