当前位置: 首页 > news >正文

JS事件之onmouseover 、onmouseout 与onmouseenter 、onmouseleave区别

onmouseover 、onmouseout 与onmouseenter 、onmouseleave这些事件的区别

       首先我们都知道onmouseover和onmouseenter都属于鼠标进入的状态,onmouseout和onmouseleave都是鼠标移开的状态,那么我们来看看主要区别。

  一般来说,onmouseover、onmouseout一起使用,鼠标经过时自身触发事件,经过其子元素时也触发该事件,每经过一次子元素都触发该事件,属于不断触发;onmouseenter、onmouseleave:鼠标经过时自身或者其子元素都触发事件,但是只触发一次。

  代码演示效果如下:

 

执行onmouseover、onmouseout时,鼠标经过子元素a和b时,颜色都会再次变化,而onmouseenter、onmouseleave子元素a和b的移动不会引起颜色的再次变化

http://www.xdnf.cn/news/827713.html

相关文章:

  • 渗透测试靶机--- Stapler-1
  • 解决Win10找不到d3d9.dll文件问题
  • 【sshd】sshd_config 中 PermitRootLogin 的forced-commands-only的限定密钥登陆、限定执行命令
  • OpenAnolis开源社区的萌芽与发展
  • d2l中各种内定函数的笔记
  • 使用 Nexus3 搭建 Maven 私服
  • oracle关于rownum的使用【oracle】
  • 襟翼是什么?——浅述飞控襟翼系统
  • BlockingQueue详解
  • AFNetworking详解
  • throwable_您想知道的所有关于Throwable的信息
  • Linux中usr是什么?其有何作用?
  • 解决飞Q 在win7下 找不到的问题
  • C#中三层架构UI、BLL、DAL、Model详解
  • 计算机单机取证(autopsy工具使用)
  • 加密狗是什么?一次性给您说全加密狗的概念
  • 如何在 Linux 上刷新 DNS 缓存?
  • 通俗易懂版经典的黑客入门教程
  • Ubuntu 离线安装gcc,g++,make等依赖包
  • Android RadioButton和CheckBox控件
  • Tombstone原理分析
  • 伺服电机驱动原理
  • 移动硬盘怎么加密?移动硬盘加密软件有哪些?
  • next数组、nextval数组的推导及C语言实现
  • 135 、137、139端口等主要用途
  • 安装教程 PyG(PyTorch Geometric)
  • C++------static_cast和dynamic_cast详解
  • HTML网页制作知识总结(简单易学)
  • 【建议收藏】Windows批处理(cmd/bat)常用命令总结
  • ubuntu下安装jdk