js事件中的onmouseout和onmouseleave
来源:互联网 发布:算法设计策略 编辑:程序博客网 时间:2024/05/16 09:55
写一个项目的过程中发现一个问题:
鼠标监听A元素的onmouseout事件,结果当鼠标移到A元素里面的B元素时,事件也触发了。
原因是因为:事件冒泡。
当鼠标从A元素进入到B元素时,A也会触发自己的onmouseout事件,但是由于自己并没有绑定这个事件,因此B的onmouseout传递给了A元素,所以当进入B时,实际上就触发了A元素的onmouseout事件了。
解决办法是使用onmouseleave事件来代替onmouseout事件。
onmouseleave禁止了事件冒泡,因此B元素并不会触发事件。
阅读全文
0 0
- js事件中的onmouseout和onmouseleave
- onmouseover 和 onmouseout onmouseleave
- onmouseover 和 onmouseout onmouseleave
- JS事件:onmouseover 、onmouseout 与onmouseenter 、onmouseleave的区别
- onMouseEnter、onMouseLeave、onMouseOver、onMouseOut冒泡事件
- js onmouseout 与onmouseleave的区别
- js onmouseout 与onmouseleave的区别
- js onmouseout 与onmouseleave的区别
- onmouseout 和 onmouseleave 有何区别?
- onmouseout 和 onmouseleave 有何区别?
- js事件(onmouseover和onmouseout)
- onmousever onmouseout onmouseenter onmouseleave
- onmouseleave与onmouseout区别
- onmouseleave与onmouseout区别
- onmouseenter 、onmouseover 、onmouseout、onmouseleave区别
- onmouseenter,onmouseleave与onmouseover,onmouseout
- onMouseOver 和 onMouseOut事件冒泡
- onmouseover 、onmouseout 与onmouseenter 、onmouseleave的区别
- centos 安装phpmyadmin报500错误
- 帮助
- jQuery设置和获取HTML、文本和值
- C语言中时间的处理(一、字符串和时间戳的相互转换)
- Springboot 页面显示
- js事件中的onmouseout和onmouseleave
- 论一次自学Vue的整体过程
- 敏捷实施心得(二)
- oracle11g安装
- 到底什么是故事点(Story Point)?
- android 以httpclient方式把数据提交到服务器
- Spring MVC 单元测试
- 查看Apache服务器的错误log文件
- Ubuntu设置GOPATH,GOROOT环境变量