移动端
1. click事件

单击事件,类似于PC端的click,但在移动端中,连续click的触发有200ms ~ 300ms的延迟

2. touch类事件

touchstart: 当在屏幕上按下手指时触发
touchmove: 当在屏幕上移动手指时触发
touchend: 当在屏幕上抬起手指时触发
touchcancel 当一些更高级别的事件发生的时候(如电话接入或者弹出信息)会取消当前的touch操作,即触发touchcancel。一般会在touchcancel时暂停游戏、存档等操作。

PC端:
修饰符 含义
.stop 阻止冒泡
.prevent 阻止默认事件
.capture 添加事件监听器时使用事件捕获模式
.self 只当事件在该元素本身触发事件
once 事件只触发一次****
资源事件

事件名

触发条件

error

资源加载失败时。

abort

正在加载资源已经被中止时。

load

资源及其相关资源已完成加载。

beforeunload

window,document 及其资源即将被卸载。

unload

文档或一个依赖资源正在被卸载。

网络事件

事件名称

何时触发

online

浏览器已获得网络访问。

offline

浏览器已失去网络访问。

焦点事件

事件名称

何时触发

focus

元素获得焦点(不会冒泡)。

blur

元素失去焦点(不会冒泡)。

WebSocket 事件

事件名称

何时触发

open

WebSocket 连接已建立。

message

通过 WebSocket 接收到一条消息。

error

WebSocket 连接异常被关闭(比如有些数据无法发送)。

close

WebSocket 连接已关闭。

表单事件

事件名称

何时触发

reset

点击重置按钮时

submit

点击提交按钮

视图事件

事件名

触发条件

resize

document大小被调整

scroll

document滚动时

剪贴板事件

事件名

触发条件

cut

已经剪贴选中的文本内容并且复制到了剪贴板。

copy

已经把选中的文本内容复制到了剪贴板。

paste

从剪贴板复制的文本内容被粘贴。

键盘事件

事件名

触发条件

keydown

按下任意按键。

keypress

除 Shift、Fn、CapsLock 外的任意键被按住。(连续触发。)

keyup

释放任意按键。

鼠标事件

事件名

触发条件

click

在元素上按下并释放任意鼠标按键。

contextmenu

右键点击(在右键菜单显示前触发)。

dblclick

在元素上双击鼠标按钮。

mousedown

在元素上按下任意鼠标按钮。

mouseenter

指针移到有事件监听的元素内。

mouseleave

指针移出元素范围外(不冒泡)。

mousemove

指针在元素内移动时持续触发。

mouseover

指针移到有事件监听的元素或者它的子元素内。

mouseout

指针移出元素,或者移到它的子元素上。

mouseup

在元素上释放任意鼠标按键。

pointerlockchange

鼠标被锁定或者解除锁定发生时。

pointerlockerror

可能因为一些技术的原因鼠标锁定被禁止时。

select

有文本被选中。

wheel

滚轮向任意方向滚动。

拖放事件

事件名

触发条件

drag

正在拖动元素或文本选区(在此过程中持续触发,每 350ms 触发一次)

dragend

拖放操作结束。(松开鼠标按钮或按下 Esc 键)

dragenter

被拖动的元素或文本选区移入有效释放目标区

dragstart

用户开始拖动HTML元素或选中的文本

dragleave

被拖动的元素或文本选区移出有效释放目标区

dragover

被拖动的元素或文本选区正在有效释放目标上被拖动 (在此过程中持续触发,每350ms触发一次)

drop

元素在有效释放目标区上释放

媒体事件

事件名

触发条件

ended

播放结束

loadeddata

正在加载

loadedmetadata

已加载

pause

播放暂停

play

播放开始

playing

正在播放

ratechange

播放速度改变

waiting

暂停,等待加载