处理Touch事件能让你跟踪用户的每一根手指的位置。你可以绑定以下四种Touch事件:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
touchstart: // 手指放到屏幕上的时候触发touchmove: // 手指在屏幕上移动的时候触发touchend: // 手指从屏幕上拿起的时候触发touchcancel: // 系统取消touch事件的时候触发。至于系统什么时候会取消，不详//属性client / clientY：// 触摸点相对于浏览器窗口viewport的位置pageX / pageY：// 触摸点相对于页面的位置screenX /screenY：// 触摸点相对于屏幕的位置identifier： // touch对象的unique ID//touchstart事件 function touchSatrtFunc(e) { //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等 var touch = e.touches[0]; //获取第一个触点 var x = Number(touch.pageX); //页面触点X坐标 var y = Number(touch.pageY); //页面触点Y坐标 //记录触点初始位置 startX = x; startY = y; }//touchmove事件function touchMoveFunc(e) { //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等 var touch = evt.touches[0]; //获取第一个触点 var x = Number(touch.pageX); //页面触点X坐标 var y = Number(touch.pageY); //页面触点Y坐标 var text = 'TouchMove事件触发：（' + x + ', ' + y + '）'; //判断滑动方向 if (x - startX != 0) { //左右滑动 } if (y - startY != 0) { //上下滑动 } } |