前言
在前端开发中,关于事件相关的操作是非常常见的操作,尤其是实际业务场景中涉及复杂交互的需求。在JS中比较常用的事件有很多,而且涉及不同方式不同类型的点击事件,一般情况下事件会和函数结合使用,这就是事件和函数不分家的原因,即通过发生的事件来驱动函数执行。关于常用事件的使用,本文就来详细分享一下,记录一下,方便后期查阅使用。
JS中的事件是什么?
在JS中,事件其实指的是用户在某个事务中由于某种行为而执行的操作,即对web页面元素的某些操作行为。事件是文档或者浏览器窗口中发生的、特定的交互操作瞬间,它是用户或浏览器自身执行的某种动作,且是JS和DOM间交互的桥梁,比如click、load和mouseover都是事件的名称。事件通常与函数配合来使用,为的是可以通过发生的事件来驱动函数执行。
注意:在JS中,事件名称大小写敏感。如果是事件监听方式,需要在事件名称前面取消on。
事件三要素
事件的三要素指的是事件源头、事件本身、事件驱动。
1、事件源头:是指在哪个元素中引发的事件,比如:div标签、button标签等。
2、事件自身:事件是指交互时候执行的动作,比如:单击、双击、滑动等。
3、事件驱动程序:也叫事件处理程序,即执行之后的结果,比如:单击button标签所执行的点击事件函数。文章来源:https://www.toymoban.com/news/detail-628533.html
JS中的事件汇总
在JS中,关于常用的事件,主要有六类:键盘事件、鼠标事件、触摸事件、表单事件、过渡事件、动画事件。文章来源地址https://www.toymoban.com/news/detail-628533.html
1、键盘事件
到了这里,关于前端开发:JS中常用事件汇总的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!