学习理解客户端JavaScript-事件分类(一)

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

前言

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

本文来学习浏览器中 JavaScript 的 事件分类, 也是相对较多的, 需要我们慢慢学习掌握

客户端 JavaScript Event 事件

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

例如: 使用鼠标点击提交按钮产生的表单数据提交事件, 当我们按下键盘中的某一个按键时产生的键盘事件, 浏览器请求页面后的加载完成产生的事件, 等等.

客户端 JavaScript 事件分类

通过浏览器控制台,以及权威文档, 我们可以看到 客户端 JavaScript 的事件特别特别多, 而我们可能就知道常用的一些事件名称. 这里学习了一些 JavaScript 事件分类, 不需要我们都知道,都记住也不现实!

用户通过设备输入: 设备相关输入事件

设备输入就是我们最常见的 鼠标/键盘相关的. 这类事件也是最常见的, 我们接触比较多多用的较多的事件. 比如

• 鼠标相关

1. mouse-down 鼠标按下
2. mousemove 鼠标移动
3. mouseup 鼠标按键抬起

• 触摸屏相关

1. touchstart: 触摸屏触摸开始
2. touchmove: 触摸屏触摸按住移动
3. touchend: 触摸屏触摸抬起

• 键盘相关

1. keydown 按下键盘按键
2. keydoup 抬起键盘按键 等等

设备无关输入事件

这类事件并不直接与特定输入设备相关, 比如前文学过的 click 事件, 表示一个连接或者 按钮(或其他文档元素)已经被激活.

• 其他一些事件

1. pointerdown
2. pointermove
3. pointerup

carry on

Buy Less by Know More!

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

相关阅读

1. JavaScript学习理解-自动类型转换
2. JavaScript 学习理解-Number-这是一个函数
3. JavaScript 中的中缀运算符
4. 你知道 JavaScript 的 typeof 是什么吗?
5. 学习理解JavaScript-几个事件(Event)