移动端
1. click事件
单击事件,类似于PC端的click,但在移动端中,连续click的触发有200ms ~ 300ms的延迟
2. touch类事件
touchstart: 当在屏幕上按下手指时触发
touchmove: 当在屏幕上移动手指时触发
touchend: 当在屏幕上抬起手指时触发
touchcancel 当一些更高级别的事件发生的时候(如电话接入或者弹出信息)会取消当前的touch操作,即触发touchcancel。一般会在touchcancel时暂停游戏、存档等操作。
PC端:
修饰符 含义
.stop 阻止冒泡
.prevent 阻止默认事件
.capture 添加事件监听器时使用事件捕获模式
.self 只当事件在该元素本身触发事件
once 事件只触发一次****
资源事件
事件名 | 触发条件 |
error | 资源加载失败时。 |
abort | 正在加载资源已经被中止时。 |
| 资源及其相关资源已完成加载。 |
| window,document 及其资源即将被卸载。 |
| 文档或一个依赖资源正在被卸载。 |
网络事件
事件名称 | 何时触发 |
| 浏览器已获得网络访问。 |
| 浏览器已失去网络访问。 |
焦点事件
事件名称 | 何时触发 |
| 元素获得焦点(不会冒泡)。 |
| 元素失去焦点(不会冒泡)。 |
WebSocket 事件
事件名称 | 何时触发 |
| WebSocket 连接已建立。 |
| 通过 WebSocket 接收到一条消息。 |
| WebSocket 连接异常被关闭(比如有些数据无法发送)。 |
| WebSocket 连接已关闭。 |
表单事件
事件名称 | 何时触发 |
| 点击重置按钮时 |
| 点击提交按钮 |
视图事件
事件名 | 触发条件 |
| document大小被调整 |
| document滚动时 |
剪贴板事件
事件名 | 触发条件 |
| 已经剪贴选中的文本内容并且复制到了剪贴板。 |
| 已经把选中的文本内容复制到了剪贴板。 |
| 从剪贴板复制的文本内容被粘贴。 |
键盘事件
事件名 | 触发条件 |
| 按下任意按键。 |
| 除 Shift、Fn、CapsLock 外的任意键被按住。(连续触发。) |
| 释放任意按键。 |
鼠标事件
事件名 | 触发条件 |
| 在元素上按下并释放任意鼠标按键。 |
| 右键点击(在右键菜单显示前触发)。 |
| 在元素上双击鼠标按钮。 |
| 在元素上按下任意鼠标按钮。 |
| 指针移到有事件监听的元素内。 |
| 指针移出元素范围外(不冒泡)。 |
| 指针在元素内移动时持续触发。 |
| 指针移到有事件监听的元素或者它的子元素内。 |
| 指针移出元素,或者移到它的子元素上。 |
| 在元素上释放任意鼠标按键。 |
| 鼠标被锁定或者解除锁定发生时。 |
| 可能因为一些技术的原因鼠标锁定被禁止时。 |
| 有文本被选中。 |
| 滚轮向任意方向滚动。 |
拖放事件
事件名 | 触发条件 |
| 正在拖动元素或文本选区(在此过程中持续触发,每 350ms 触发一次) |
| 拖放操作结束。(松开鼠标按钮或按下 Esc 键) |
| 被拖动的元素或文本选区移入有效释放目标区 |
| 用户开始拖动HTML元素或选中的文本 |
| 被拖动的元素或文本选区移出有效释放目标区 |
| 被拖动的元素或文本选区正在有效释放目标上被拖动 (在此过程中持续触发,每350ms触发一次) |
| 元素在有效释放目标区上释放 |
媒体事件
事件名 | 触发条件 |
| 播放结束 |
| 正在加载 |
| 已加载 |
| 播放暂停 |
| 播放开始 |
| 正在播放 |
| 播放速度改变 |
| 暂停,等待加载 |