客户端JavaScript-事件分类(二)

这是我参与11月更文挑战的第10天，活动详情查看：2021最后一次更文挑战

前言

前几篇文章, 我们学习记录了JavaScript 中的几个事件函数 (Event), 以及另外其他各知识点小结的相关阅读: list:

接上文, 本文继续来学习浏览器中 JavaScript 的 事件分类, 也是相对较多的, 需要我们慢慢学习理解消化

客户端 JavaScript Event 事件

在客户端 JavaScript 中的事件是指浏览器会在用户使用鼠标/键盘等对文档/ 浏览器/ 或者某些元素与之关的对象进行一个互动操作时生成事件. 前文学到的: 用户鼠标点击事件 onclick, 浏览器页面加载文档时生成的事件, 还有简单的当我们把鼠标移到超链接 a 标签上时也会产生鼠标 hover 事件..

客户端 JavaScript 事件分类(二)

在上一篇学习了 设备相关输入事件 和 设备无关输入事件, 当然还有其他事件类别, 学作如下:

用户界面事件

用户界面 UI 事件是高级事件, 这类事件通常定义在应用界面元素上: 比方说 HTML 表单元素上面的事件.

这类事件包括:

focus事件: 当我们输入文本自段获得键盘焦点时;
change事件: 当用户修改了表单元素显示的值时;
submit事件: 当用户填写表单信息后点击表单中的 "提交"按钮时;

一些内置 API 的特定事件

在各种规范中, 如 HTML 标签元素 <video>和 <audio> 音视频元素的播放暂停等事件: 通过这些事件进行自定义媒体的播放控制

playing 事件: 播放
waiting 事件: 等待播放
seeking 事件:
volumechange 事件: 音量控制事件

一些状态变化相关事件

上面介绍的几种事件都是有用户主动或被动来触发的事件, 而还有一些事件并不直接由用户直接触发, 而是由网络或浏览器活动来触发. 比如表示某种生命周期或状态相关的变化.

比方说 window 和 document 对象在文档加载结束触发的 load 事件, 前面也有接触学习过, 还有 DOMContentLoaded 事件. 这两个可能是我们最常见的也是可能用到的 状态变化相关的事件了. 当然还有我们有可能接触的浏览历史通过路由后退/前进相关的事件: popstate事件..

carry on

Buy Less by Know More!

学习, 记录, 积累是一个漫长的过程! 加油!