1. 鼠标事件
| click | 单击事件 |
| dbonclick | 双击事件 |
| contextmenu | 鼠标右键 |
| mousedown | 鼠标按下 |
| mousemove | 鼠标移动 |
| mouseup | 鼠标抬起 |
| mouseover | 鼠标悬浮 |
| mouseout | 鼠标移开 |
| mouseenter | 鼠标悬浮 |
| mouseleave | 鼠标移开 |
注:mouseenter/相当于处于捕获阶段,先运算父元素的值 mouseover处于冒泡阶段来运行
2. 键盘事件
| keydown | 按键按下 |
| keypress | 按键按下,不能对系统功能键(例如:后退,删除等其中不能对中文输入法进行响应) |
| keyup | 按键弹起 |
3. TouchEvent对象(手机屏幕触摸事件)
每一个touch事件的触发都会产生一个TouchEvent对象,以下是TouchEvent对象三个比较常用的重要列表属性(数组)
| touches | 当前位于屏幕上的所有手指的一个数组 |
| targetTouches | 当前dom元素上手指的列表的数组(特定于事件目标的Touch对象的数组) |
| changedTouches | 设计当前事件的手指的列表数组(表示自上次触摸依赖发生了什么改变的Touch对象的数组) |
touches、 targetTouches、changedTouches都包含以下属性值
|
clientX
| 触摸目标在视口中的x坐标 |
|
clientY
| 触摸目标在视口中的y坐标 |
|
identifier
| 标识触摸的唯一ID |
|
pageX
| 触摸目标在页面中的x坐标 |
|
pageY
| 触摸目标在页面中的y坐标 |
|
screenX
| 触摸目标在屏幕中的x坐标 |
|
screenY
| 触摸目标在屏幕中的y坐标 |
| target | 触摸的DOM节点目标 |
435

被折叠的 条评论
为什么被折叠?



