页面常见事件

资源事件

• onload 事件：事件会在页面或图像加载完成后立即发生。
• unload 事件：当一个页面关闭，或者跳转到其他页面将触发unload事件

视图事件

• onresize 事件：当浏览器的窗口大小被重置时，就会触发onresize事件
• onscroll 事件：onscroll 事件在元素滚动条在滚动时触发

焦点事件

焦点事件会在页面元素获得或失去焦点时触发。

• blur 事件：在元素失去焦点时触发。
• focus 事件：在元素获得焦点时触发

鼠标事件

• onclick 事件：在元素上按下并释放任意鼠标按键。
• ondblclick 事件：在元素上双击鼠标按钮
• onmousedown 事件：鼠标按下事件
• onmouseenter 事件：指针移到有事件监听的元素内，只会在进入时触发一次。
• onmouseleave 事件：指针移出元素范围外，只会在进入时触发一次。
• onmousemove 事件：指针在元素内移动时持续触发.
• onmouseover 事件：指针移到有事件监听的元素或者它的子元素内,在它的子元素之间移动也将触发事件.
• onmouseout 事件：指针移出元素，或者移到它的子元素上，在它的子元素之间移动也将触发事件。
• onmouseup 事件：释放鼠标时触发
• onselect 事件：select 事件会在文本框中的文本被选中时发生.
• wheel 事件：wheel 事件在鼠标滚轮在元素上下滚动时触发。

拖放事件

• drag 事件：正在拖动元素或文本选区（在此过程中持续触发，每 350ms 触发一次）
• dragend 事件：拖放操作结束。（松开鼠标按钮或按下 Esc 键）
• dragenter 事件：被拖动的元素或文本选区移入有效释放目标区
• dragstart 事件：用户开始拖动HTML元素或选中的文本
• dragleave 事件：被拖动的元素或文本选区移出有效释放目标区
• dragover 事件：被拖动的元素或文本选区正在有效释放目标上被拖动 （在此过程中持续触发，每350ms触发一次）
• drop 事件：元素在有效释放目标区上释放

键盘事件

• keydown 事件：按下任意按键。
• keypress 事件：除 Shift、Fn、CapsLock 外的任意键被按住。（连续触发。）
• keyup 事件：释放任意按键
• input 事件：在用户输入时触发。

剪贴板事件

• cut 事件：已经剪贴选中的文本内容并且复制到了剪贴板。
• copy 事件：已经把选中的文本内容复制到了剪贴板。
• paste 事件：从剪贴板复制的文本内容被粘贴。

媒体事件

• canplay 事件：可以开始播放视频/音频（audio/video）时触发
• ended 事件：在视频/音频（audio/video）播放结束时触发
• error 事件：在视频/音频（audio/video）数据加载期间发生错误时触发。
• play 事件：在视频/音频（audio/video）开始播放时触发。
• pause 事件：在视频/音频（audio/video）暂停时触发。
• playing 事件：在视频/音频（audio/video）暂停或者在缓冲后准备重新开始播放时触发。
• seeked 事件：在用户重新定位视频/音频（audio/video）的播放位置后触发。
• volumechange 事件：在视频/音频（audio/video）的音量发生改变时触发。
• timeupdate 事件：在视频/音频（audio/video）当前的播放位置发送改变时触发。

触摸事件

• touchstart 事件：手指刚接触屏幕时触发
• touchend 事件：手指从屏幕上移开时触发
• touchmove 事件：手指在屏幕上移动时触发
• touchcancel 事件：触摸过程被系统取消时触发