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

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

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

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

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

时间: 2024-08-26 10:40:26

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

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

JavaScript 程序采用了异步事件驱动编程模型.在这种程序设计风格下,当文档.浏览器.元素或与之相关的对象发生某些有趣的事情时,Web 浏览器就会产生事件(event). JavaScript 与 HTML 之间的交互是通过事件实现的.事件就是文档或浏览器窗口中发生的一些特定的交互瞬间,或者说事件就是 Web 浏览器通知应用程序发生了什么事情.可以使用侦听器(或处理程序)来预订事件,以便事件发生时执行相应的代码. 以下是<JavaScript高级程序设计>中事件流和事件处理程序的总结:

深入浅出Node js 读书笔记 思维导图

最近在研究node,发现是很不错的技术~ 考虑到平时看书转换率不高.遂尝试使用思维导图的方式来对一本书进行分析.感觉如果看完之后能够做个思维导图,对整本书的理解都会提高呢~ 下面第一部分介绍思维导图的做法,第二部分为我看深入浅出Nodejs的读书笔记. PART1 如何在阅读时做思维导图: 简单归纳起来,对一本书做思维导图的技巧主要分为两类:准备及应用.在以下各篇中,共有8个阶段.为方便查找起见,各阶段总结如下,都附有推荐的限制时间. 准备: 1.浏览——制作一个中央图象(10分钟) 2.设定时

《HTML重构》读书笔记&amp;思维导图

最近读了<HTML重构>这本书,以下做出自己的总结归纳,大家可以一起学习交流. 什么是重构?重构是在不改变程序行为的基础上进行小的改动是代码基本逐渐完善的过程,通常需要一些自动化工具的帮助.好的网站是需要我们对代码进行日臻完美的改善.而搜索引擎优化(seo)是网站重构的主要驱动之一,跟图片相比搜索引擎更看重文本:跟后端文本相比更看重前端文本,他们更看重标题或元标签.作者希望通过更多的文本内容取代如图片.flash等可以做好SEO.我个人觉得看完了这本书对做 SEO是非常有帮助的 百度百科对重构

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

Web 浏览器中可能发生的事件有很多类型.如前所述,不同的事件类型具有不同的信息,而“ DOM3级事件”规定了以下几类事件. UI(User Interface,用户界面)事件:当用户与页面上的元素交互时触发:? 焦点事件,当元素获得或失去焦点时触发:鼠标事件:当用户通过鼠标在页面上执行操作时触发: 滚轮事件:当使用鼠标滚轮(或类似设备)时触发: 文本事件:当在文档中输入文本时触发: 键盘事件:当用户通过键盘在页面上执行操作时触发: 合成事件:当为 IME(Input Method Editor

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

Web 浏览器中可能发生的事件有很多类型.如前所述,不同的事件类型具有不同的信息,而“ DOM3级事件”规定了以下几类事件. UI(User Interface,用户界面)事件:当用户与页面上的元素交互时触发:? 焦点事件,当元素获得或失去焦点时触发:鼠标事件:当用户通过鼠标在页面上执行操作时触发: 滚轮事件:当使用鼠标滚轮(或类似设备)时触发: 文本事件:当在文档中输入文本时触发: 键盘事件:当用户通过键盘在页面上执行操作时触发: 合成事件:当为 IME(Input Method Editor

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

Web 浏览器中可能发生的事件有很多类型.如前所述,不同的事件类型具有不同的信息,而“ DOM3级事件”规定了以下几类事件. UI(User Interface,用户界面)事件:当用户与页面上的元素交互时触发:? 焦点事件,当元素获得或失去焦点时触发:鼠标事件:当用户通过鼠标在页面上执行操作时触发: 滚轮事件:当使用鼠标滚轮(或类似设备)时触发: 文本事件:当在文档中输入文本时触发: 键盘事件:当用户通过键盘在页面上执行操作时触发: 合成事件:当为 IME(Input Method Editor

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

Web 浏览器中可能发生的事件有很多类型.如前所述,不同的事件类型具有不同的信息,而“ DOM3级事件”规定了以下几类事件. UI(User Interface,用户界面)事件:当用户与页面上的元素交互时触发:? 焦点事件,当元素获得或失去焦点时触发:鼠标事件:当用户通过鼠标在页面上执行操作时触发: 滚轮事件:当使用鼠标滚轮(或类似设备)时触发: 文本事件:当在文档中输入文本时触发: 键盘事件:当用户通过键盘在页面上执行操作时触发: 合成事件:当为 IME(Input Method Editor

JavaScript 中的内存和性能、模拟事件(读书笔记思维导图)

由于事件处理程序可以为现代 Web 应用程序提供交互能力,因此许多开发人员会不分青红皂白地向页面中添加大量的处理程序.在 JavaScript 中,添加到页面上的事件处理程序数量将直接关系到页面的整体运行性能.导致这一问题的原因是多方面的.首先,每个函数都是对象,都会占用内存:内存中的对象越多,性能就越差.其次,必须事先指定所有事件处理程序而导致的 DOM 访问次数,会延迟整个页面的交互就绪时间.从如何利用好事件处理程序的角度出发,还是有一些方法能够提升性能的. 事件经常由用户操作或通过其他浏览

程序猿的思维修炼-读书笔记-思维导图