JS事件之onmouseover 、onmouseout 与onmouseenter 、onmouseleave区别
2024-09-01 12:01:34
疫情过后回武汉的第一天打卡,今天偶然遇到一个问题onmouseover 、onmouseout 与onmouseenter 、onmouseleave这些事件的区别,也看了一些博客,感觉不是很清楚,所以也写了一下自己的理解,略做分享和学习。
首先我们都知道onmouseover和onmouseenter都属于鼠标进入的状态,onmouseout和onmouseleave都是鼠标移开的状态,那么我们来看看主要区别。
一般来说,onmouseover、onmouseout一起使用,鼠标经过时自身触发事件,经过其子元素时也触发该事件,每经过一次子元素都触发该事件,属于不断触发;onmouseenter、onmouseleave:鼠标经过时自身或者其子元素都触发事件,但是只触发一次。
代码演示效果如下:
执行onmouseover、onmouseout时,鼠标经过子元素a和b时,颜色都会再次变化,而onmouseenter、onmouseleave子元素a和b的移动不会引起颜色的再次变化
最新文章
- Java 特定规则排序-LeetCode 179 Largest Number
- TAC 坦克队
- PHP 爬取网页中表格数据
- 关于MySQL的在线扩容
- 编辑一个.bat文件来启动一个.erl的程序?
- gradle 如何操作命令行
- WatiN框架学习
- Highlighting System
- 【项目相关】MVC中使用WebUploader进行图片预览上传以及编辑
- C++ STL算法系列5---equal() , mismatch()
- Windows8.1下PHP环境配置(PHP5.6、Apache2.4、MySql5.6)
- python3-day1(基础总结)
- QT学习小技巧
- ubuntu 修改root密码
- NetCore1.1+Linux部署初体验
- 弹性布局--flex方向
- Nginx记录-nginx 负载均衡5种配置方式(转载)
- java_basic_基础
- windows下进程间通信与线程间通信
- APC注入(Ring3)