事件对象

重要的属性和方法

只读

currentTarget 真正监听事件的那个元素
target 事件的目标元素
type 事件的类型
perventDefault() 取消事件的默认行为
stopPropagation() 取消事件的捕获或者冒泡
bubbles 事件是否冒泡
eventPhase 事件处理程序的三个阶段,1捕获2处于目标3冒泡

读写

clientX 鼠标在窗口中的水平位置
clientY 鼠标在窗口中的垂直位置

事件类型

移动事件
touchstart 当手指触摸到屏幕时触发
touchmove 当手指在屏幕上连续滑动时触发
touchend 当手指从屏幕上移开时触发
touchcancel 当系统停止跟踪触摸时触发(这个事件没有确定的触发时间)

它们都是冒泡的,也可以取消

移动event事件对象

PC上存在的,在移动上也存在,描述上有差异,比如

target 触摸的DOM节点目标
pageX 触摸目标在页面中的X坐标
pageY 触摸目标在页面中的Y坐标

手势

gesturestart 当一个手指按在屏幕上另外一个手指又触摸屏幕时触发
gesturechange 依赖前者当其中的一个手指发生改变时触发
gestureend 当任何一个手指离开时触发

简单手势详解:https://www.cnblogs.com/pifoo/archive/2011/05/22/webkit-touch-event-2.html

复杂手势:http://www.cnblogs.com/pifoo/archive/2011/05/22/webkit-touch-event-3.html

三个跟踪触摸事件的属性

touches 当前跟踪触摸操作的touch数组,在touchend事件中为空
targetTouchs 特定事件目标的touch数组
ChangedTouches 上次触摸时发生了什么改变的touch数组

 对于Touch的处理:(http://www.cnblogs.com/pifoo/archive/2011/05/23/webkit-touch-event-1.html)

你可能感兴趣的:(事件对象)