| UI事件 |
load |
页面加载后 |
|
| resize |
窗口或框架变化时 |
|
| scroll |
滚动条改变时 |
|
| 焦点事件 |
blur |
失去焦点 |
|
| focus |
获得焦点 |
|
| 鼠标与滚轮事件 |
click |
单击 |
|
| dblclick |
双击 |
|
| mousedown |
按下鼠标 |
|
| mouseenter |
鼠标移动到元素内部触发 |
|
| mouseleave |
鼠标移动到元素外部触发 |
|
| mousemove |
鼠标在元素内部重复触发 |
|
| mouseout |
元素内部到外部触发,只触发一次,有bug |
|
| mouseover |
元素外部到内部触发,只触发一次,有bug |
|
| mouseup |
释放鼠标 |
|
| mousewheel |
IE和chrome的滚轮事件 |
event.wheelDelta<0 滑轮向下滚 |
| DOMMouseScroll |
火狐的滚轮事件 |
evnet.detail>0 滑轮向下滚 |
| 键盘与文本事件 |
keydown |
按下键盘任意键,如果不放,会一直触发 |
如果按下键盘的字符键,keydown首先执行,然后再执行keypress |
| keypress |
按下键盘字符键,如果不放,会一直触发 |
| keyup |
释放键盘时触发 |
|
| 触摸事件 |
touchstart |
手指触摸屏幕时触发 |
|
| touchmove |
手指在屏幕滑动时连续触发 |
|
| touchend |
手指移开屏幕 |
|
| touchcancel |
手指停留在屏幕不动时 |
|
| touches |
触摸了多少个手指 |
|
| 手势事件 |
gesturestart |
一个手指按在屏幕而另一个手机又触摸屏幕时 |
|
| gesturechange |
当触摸屏幕的任何一个手指的位置发生变化时 |
|
| gestureend |
任何一个手指从屏幕上移开时 |
|
| 拖放事件 |
dragstart |
拖拽对象---按下触发 |
拖拽对象要加上(draggable="true") |
| drag |
拖拽对象---相当于mousemove |
| dragend |
拖拽对象---拖拽停止 |
| dragenter |
投放的地方---移动到投放区 |
| dragover |
投放的地方---相当于mousemove |
| dragleave |
投放的地方---离开投放区 |
| drop |
投放的地方---投进去了 |
| 其他事件 |
contextmenu |
右击出现菜单栏 |
|
| DOMContentLoaded |
就是非IE的ready事件 |
|
| 设备事件 |
deviceorientation |
检测设备方向的变化---重力感应 |
event.alpha=z轴 event.beta=x轴 event.gamma=y轴 |