vue事件

移动端
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	暂停，等待加载