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节点目标 |