Web 浏览器中可能发生的事件有很多类型。如前所述,不同的事件类型具有不同的信息,而“ DOM3级事件”规定了以下几类事件:

  • UI(User Interface,用户界面)事件:当用户与页面上的元素交互时触发;
  • 焦点事件,当元素获得或失去焦点时触发;鼠标事件:当用户通过鼠标在页面上执行操作时触发;
  • 滚轮事件:当使用鼠标滚轮(或类似设备)时触发;
  • 文本事件:当在文档中输入文本时触发;
  • 键盘事件:当用户通过键盘在页面上执行操作时触发;
  • 合成事件:当为 IME(Input Method Editor,输入法编辑器)输入字符时触发;
  • 变动(mutation)事件:当底层 DOM 结构发生变化时触发。
  • 变动名称事件:当元素或属性名变动时触发。此类事件已经被废弃,没有任何浏览器实现它们

  除了这几类事件之外, HTML5 也定义了一组事件,而有些浏览器还会在 DOM 和 BOM 中实现其他专有事件。这些专有的事件一般都是根据开发人员需求定制的,没有什么规范,因此不同浏览器的实现有可能不一致。

  以下是《JavaScript高级程序设计》中鼠标与滚轮事件的总结:

转载于:https://www.cnblogs.com/crucify-lee/p/4536269.html

JavaScript 中的事件类型2(读书笔记思维导图)相关推荐

  1. JavaScript 中创建对象的方法(读书笔记思维导图)

    面向对象(Object-Oriented, OO)的语言有一个标志,那就是它们都有类的概念,而通过类可以创建任意多个具有相同属性和方法的对象.而 ECMAScript 中没有类的概念,所以我们可以使用 ...

  2. JavaScript 中的事件流和事件处理程序(读书笔记思维导图)

    JavaScript 程序采用了异步事件驱动编程模型.在这种程序设计风格下,当文档.浏览器.元素或与之相关的对象发生某些有趣的事情时,Web 浏览器就会产生事件(event). JavaScript ...

  3. 读书笔记思维导图用什么软件做

    阅读是每一位有基础文化的人都能掌握的技能,通过阅读书籍,人们可以源源不断获取崭新的知识与技能.在如今社会,读书的重要性愈加突出,一位读书万卷的人,不论在哪一个方面,都远比不爱读书的人更受人敬仰,也更容 ...

  4. 《HTML重构》读书笔记思维导图

    最近读了<HTML重构>这本书,以下做出自己的总结归纳,大家可以一起学习交流. 什么是重构?重构是在不改变程序行为的基础上进行小的改动是代码基本逐渐完善的过程,通常需要一些自动化工具的帮助 ...

  5. 《四大文明古国》读书笔记思维导图,感受人类文明

    历史的长河波澜壮阔.源远流长,四大文明古国作为这条汹涌的长河中耀眼的浪花,自古就被赋予了浓厚的神秘色彩.从两河流域的古巴比伦,到黄河流域的中国,每一寸土地都闪烁着远古文明的光辉.而作为华夏儿女,更值得 ...

  6. 《刻意练习》读书笔记思维导图精华版,探索成功的秘诀

    <刻意练习>如何从新手到大师是2016年11月机械工业出版社出版的图书,作者是安德斯·艾利克森.首次提出"提出概念的是佛罗里达州大学心理学教授.刻意练习听起来,很简单,但是你知道 ...

  7. JavaScript 中的事件类型1(读书笔记思维导图)

    Web 浏览器中可能发生的事件有很多类型.如前所述,不同的事件类型具有不同的信息,而" DOM3级事件"规定了以下几类事件. UI(User Interface,用户界面)事件:当 ...

  8. JavaScript 中的事件类型3(读书笔记思维导图)

    Web 浏览器中可能发生的事件有很多类型.如前所述,不同的事件类型具有不同的信息,而" DOM3级事件"规定了以下几类事件. UI(User Interface,用户界面)事件:当 ...

  9. JavaScript 中的事件类型5(读书笔记思维导图)

    Web 浏览器中可能发生的事件有很多类型.如前所述,不同的事件类型具有不同的信息,而" DOM3级事件"规定了以下几类事件. UI(User Interface,用户界面)事件:当 ...

最新文章

  1. iOS 模仿支付宝支付到账推送,播报钱数
  2. 通用数据级别权限的框架设计与实现(4)-单条记录的权限控制
  3. windows 10 64位机器上 安装部署
  4. 面向B端市场,Mana VR团队将推出VR交互产品
  5. opencv机器学习线性回归_Python机器学习之?线性回归入门(二)
  6. 简单的Net::FTP模块的简单应用
  7. 26.如何使用python操作我们自己创建的docker image呢?
  8. 力扣——查找常用字符
  9. Javascript 学习之路:鼠标长按事件
  10. 利用并查集+贪心解决 Hdu1232
  11. java interface 传值_前后端分离传值方案-RestfulAPI
  12. itext 表格宽度自适应_微信公众号推文中如何自定义添加表格?
  13. 解决:Mac下的Mounty卷不能在读/写模式下重新挂载.可能是因为先前没有完全卸载(安全删除)
  14. 网页游戏的项目设计方案分享
  15. st-link下载连线
  16. 计算机二级有没有年龄,九龄童通过全国计算机二级 创年龄最小纪录(图)_新闻中心_新浪福建_新浪网...
  17. 支持M1芯片的Photoshop 2021安装教程 已经支持M1芯片ARM M1处理器安装PS2021解决方案教程 最新方法!
  18. Linux网络服务中,bond网络模式
  19. 什么是域名被墙?域名被墙了如何解决?
  20. 顶尖电子秤ls6恢复出厂_顶尖LS6条码标签秤

热门文章

  1. vue3基础 —— 子传父
  2. Microsoft Visual Studio 2019 美化之——透明化窗口 Microsoft Visual Studio 2019 C/C++ Windows 下重量级编辑器 Editor
  3. 如何将m4a格式音频转为mp3?
  4. 2021.8-机器学习地震信号去噪和到时识取环境配置
  5. 自动修改文章的软件-自动修改文案原创软件
  6. 磁吸数据线的特点与优势
  7. 麻雀要革命 第三章 宣战!麻雀联盟的华丽出击 第二节
  8. (称重问题)假设你有8个球,其中一个略微重一些,但是找出这个球的惟一方法是将两个球放在天平上对比
  9. java实现消息队列以及延迟消息(队列DelayQueue)
  10. 4、如果体彩中了500万,我买房、买车、资助希望工程、去欧洲旅游;如果没中,我买下一期体彩,继续烧高香。