tnblog
首页
视频
资源
登录

JavaScript的事件分类

2358人阅读 2019/1/8 21:20 总访问:17538 评论:0 收藏:0 手机
分类: iOS

JavaScript的事件大致可以分为几类,了解这些事件分类将有助于理解和组织代码。

1、依赖于设备的输入事件

    有些事件和特定输入设备直接相关,比如鼠标和键盘。包括“mousedown”、“mousemove”、“mouseup”、“keydown”、“keypress”和"keyup"这样的传统事件,也包括像“touchmove”和“gesturechange”这样新的触摸事件类型。

2、独立于设备的输入事件

    有些输入事件没有直接相关的特定输入设备。例如,click事件表示激活了链接、按钮或其他文档元素,这通常是通过鼠标单击实现,但也能通过键盘或触摸感知设备上的手势实现。比如textinput事件就是一个独立于设备的输入事件,它既能取代按键事件并支持键盘输入,也可以取代剪切和粘贴与手写识别的事件。

3、用户界面事件

    用户界面事件是较高级的事件,通常出现在定义Web应用用户界面的HTML表单元素上。包括文本输入域获取键盘焦点的focus事件、用户改变表单元素显示值的change事件和用户单击表单中的提交按钮的submit事件。

4、状态变化事件

    有些事件不是由用户活动而是由网络或浏览器活动触发,用来表示某种生命周期或相关状态的变化。当文档完全加载时,在Window对象上会发生load事件,这可能是这类事件中最常用的。

    HTML5历史管理机制会触发popstate事件来响应浏览器的后退按钮。

    HTML5离线Web应用API包括online事件和offline事件。

    读取用户选择本地文件的API,如:“loadstart”、“progress”和“loadend”等实现I/O过程的异步通知的事件。

5、计时器和错误处理程序

    计时器(timer)和错误处理程序(error handler)属于客户端JavaScript异步编程模型的部分。

6、待定API事件

    HTML5及相关规范定义的大量Web API都有自己的事件类型。拖放API定义了诸如“dragstart”、“dragenter”、“dragover”和“drop”事件,应用程序想自定义放源(drag source)或拖放目标(drop target)就必须处理这些相关事件。HTML5的<video>和<audio>元素定义一长串如“waiting”,“playing”,“seeking”,和“volumechange”等相关事件,这些事件仅用于Web应用。

评价
没有个性,不需要签名
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术