前端开发：JS中常用事件汇总

前言

在前端开发中，关于事件相关的操作是非常常见的操作，尤其是实际业务场景中涉及复杂交互的需求。在JS中比较常用的事件有很多，而且涉及不同方式不同类型的点击事件，一般情况下事件会和函数结合使用，这就是事件和函数不分家的原因，即通过发生的事件来驱动函数执行。关于常用事件的使用，本文就来详细分享一下，记录一下，方便后期查阅使用。

JS中的事件是什么？

在JS中，事件其实指的是用户在某个事务中由于某种行为而执行的操作，即对web页面元素的某些操作行为。事件是文档或者浏览器窗口中发生的、特定的交互操作瞬间，它是用户或浏览器自身执行的某种动作，且是JS和DOM间交互的桥梁，比如click、load和mouseover都是事件的名称。事件通常与函数配合来使用，为的是可以通过发生的事件来驱动函数执行。

注意：在JS中，事件名称大小写敏感。如果是事件监听方式，需要在事件名称前面取消on。

事件三要素

事件的三要素指的是事件源头、事件本身、事件驱动。

1、事件源头：是指在哪个元素中引发的事件，比如：div标签、button标签等。

2、事件自身：事件是指交互时候执行的动作，比如：单击、双击、滑动等。

3、事件驱动程序：也叫事件处理程序，即执行之后的结果，比如：单击button标签所执行的点击事件函数。

JS中的事件汇总

在JS中，关于常用的事件，主要有六类：键盘事件、鼠标事件、触摸事件、表单事件、过渡事件、动画事件。

1、键盘事件