将鼠标指针移出元素或其子元素时,将发生HTML DOM onmouseout事件。

用法:

在HTML中:

在JavaScript中:

object.onmouseout = function(){myScript};

在JavaScript中,使用addEventListener()方法:

object.addEventListener("mouseout", myScript);

例:使用addEventListener()方法

DOM onmouseout Event

GeeksforGeeks

DOM onmouseout Event

document.getElementById(

"hID").addEventListener(

"mouseover", over);

document.getElementById(

"hID").addEventListener(

"mouseout", out);

function over() {

document.getElementById(

"hID").style.color = "green";

}

function out() {

document.getElementById(

"hID").style.color = "black";

}

输出:

支持的浏览器:下面列出了HTML DOM onmouseout事件支持的浏览器:

谷歌浏览器

IE浏览器

Firefox

苹果Safari

Opera

html 拼接onmouseout,HTML onmouseout事件用法及代码示例相关推荐

  1. html onfoucs状态事件,HTML onfocusin事件用法及代码示例

    当元素获得焦点时,将发生HTML DOM onfocusin事件. onfocusin与onfocus相同,唯一的区别是onfocus事件不会冒泡. 如果要确定某个元素或其子元素是否获得焦点,则应使用 ...

  2. html onload状态事件,HTML onload事件用法及代码示例

    当对象被加载时,HTML中的DOM onload事件发生. onload事件主要在元素 中使用 onload事件可用于检查浏览器类型和浏览器版本,并根据该信息加载网页的版本. onload事件也可以用 ...

  3. html video标签canplay,HTML oncanplay事件用法及代码示例

    当指定的音频/视频缓冲到足以开始时,就会发生HTML DOM oncanplay事件. 事件的发生顺序在音频/视频的加载过程中: onloadstart ondurationchange onload ...

  4. html的toggle属性,HTML ontoggle事件用法及代码示例

    HTML DOM中的tonggle事件在用户打开或关闭元素时发生. 标签用于内容/信息,该内容/信息最初是隐藏的,但如果用户希望看到它,则可以显示. 用法: 在HTML中: 在JavaScript中: ...

  5. html touchend 获取坐标,HTML touchend事件用法及代码示例

    当用户将手指从元素上移开时,touchend事件用于执行脚本.它仅适用于带触摸屏的设备. 用法: object.ontouchend = myScript; 以下示例程序旨在说明touchend事件: ...

  6. html加载onchange事件,HTML onchange事件用法及代码示例

    当元素的值已更改时,将发生HTML DOM onchange事件.当选中的状态已更改时,它也可以使用单选按钮和复选框. 注意:此事件与oninput事件类似,但唯一的区别是oninput事件在元素值更 ...

  7. html onmouseover 注释掉,HTML onmouseover事件用法及代码示例

    将鼠标指针移到元素或其子元素上时,将发生HTML中的DOM onmouseover事件. 用法: 在HTML中: 在JavaScript中: object.onmouseover = function ...

  8. html按键使用touch,HTML touchstart事件用法及代码示例

    每当用户触摸HTML元素时,就会使用touchstart事件执行脚本.触摸特定元素时,如果touchstart事件与之关联,则可以使用它触发javascript函数. 注意:touchstart事件仅 ...

  9. python numpy allclose用法及代码示例

    python numpy allclose用法及代码示例 用法: numpy.allclose(a, b, rtol=1e-05, atol=1e-08, equal_nan=False) 如果两个数 ...

最新文章

  1. 如何在Java代码中去掉烦人的“!=null”
  2. python中isleap_Python学习笔记(十三)系统
  3. 前端学习(1438):vue三种安装方式
  4. jquery的扩展方法介绍
  5. python火爆的原因_为什么Python这么火爆?原因是什么?
  6. SQL笔记-用户表中增加salt属性与真实密码聚合存储
  7. Python输出带颜色字体
  8. 爬虫-使用xpath拿36KR的数据-xpath的学习与演练
  9. Docker学习总结(43)——Docker Compose 搭建Mysql主从复制集群
  10. iPhone手机更换自定义铃声
  11. Python+OpenCV:立体图像深度图(Depth Map from Stereo Images)
  12. NI强化半导体测试布局 弹性/高性价比打败不景气
  13. 《自拍教程47》Python adb重启设备100次
  14. 彻底删除的文件也能找回
  15. 新兴视频处理工具VapourSynth压制教程
  16. 老机首选:龙行天下GHOST XP SP2万能预装系统软件自选安装终结版 201007
  17. Bugku杂项 wp1
  18. 恶意软件同源性方法研究
  19. NetLogo学习笔记1 —— 初步认识
  20. BZOJ 3772 精神污染 可持久化线段树

热门文章

  1. 批量获取服务器cpu信息,获取服务器的cpu利用率
  2. matlab中表示拉普拉斯分布_深度优化局部拉普拉斯金字塔滤波器。
  3. PS提示错误1解决办法
  4. tensorflow源码编译教程_源码编译安装tensorflow 1.8
  5. AUTOSAR从入门到精通100讲(十)-DoIP协议介绍
  6. 远程修改linux文件内容,用VS Code连接远程Linux服务器实时修改代码
  7. php 验证码文件,php实现的验证码文件类实例
  8. 计算机二进制基础列式,计算机基础;十进制数100对应的二进制数、八进制数和十六进制数分别是...
  9. MapXtreme2008中操作矢量符号和定制符号
  10. html基础-html简介-第一个网页(1)