1 | define([ |
---|
2 | "dojo/_base/kernel", |
---|
3 | "dojo/_base/declare", |
---|
4 | "dojo/_base/lang", |
---|
5 | "./Base", |
---|
6 | "../main" |
---|
7 | ], function(kernel, declare, lang, Base, dojox){ |
---|
8 | // module: |
---|
9 | // dojox/gesture/tap |
---|
10 | |
---|
11 | /*===== |
---|
12 | dojox.gesture.tap = { |
---|
13 | // summary: |
---|
14 | // This module provides tap gesture event handlers: |
---|
15 | // |
---|
16 | // 1. dojox.gesture.tap: 'tap' event |
---|
17 | // |
---|
18 | // 2. dojox.gesture.tap.hold: 'tap.hold' event |
---|
19 | // |
---|
20 | // 3. dojox.gesture.tap.doubletap: 'tap.doubletap' event |
---|
21 | // |
---|
22 | // example: |
---|
23 | // A. Used with dojo.connect() |
---|
24 | // | dojo.connect(node, dojox.gesture.tap, function(e){}); |
---|
25 | // | dojo.connect(node, dojox.gesture.tap.hold, function(e){}); |
---|
26 | // | dojo.connect(node, dojox.gesture.tap.doubletap, function(e){}); |
---|
27 | // |
---|
28 | // B. Used with dojo.on |
---|
29 | // | define(['dojo/on', 'dojox/gesture/tap'], function(on, tap){ |
---|
30 | // | on(node, tap, function(e){}); |
---|
31 | // | on(node, tap.hold, function(e){}); |
---|
32 | // | on(node, tap.doubletap, function(e){}); |
---|
33 | // |
---|
34 | // C. Used with dojox.gesture.tap.* directly |
---|
35 | // | dojox.gesture.tap(node, function(e){}); |
---|
36 | // | dojox.gesture.tap.hold(node, function(e){}); |
---|
37 | // | dojox.gesture.tap.doubletap(node, function(e){}); |
---|
38 | // |
---|
39 | // Though there is always a default gesture instance after being required, e.g |
---|
40 | // | require(['dojox/gesture/tap'], function(){...}); |
---|
41 | // |
---|
42 | // It's possible to create a new one with different parameter setting: |
---|
43 | // | var myTap = new dojox.gesture.tap.Tap({holdThreshold: 300}); |
---|
44 | // | dojo.connect(node, myTap, function(e){}); |
---|
45 | // | dojo.connect(node, myTap.hold, function(e){}); |
---|
46 | // | dojo.connect(node, myTap.doubletap, function(e){}); |
---|
47 | }; |
---|
48 | =====*/ |
---|
49 | |
---|
50 | kernel.experimental("dojox.gesture.tap"); |
---|
51 | |
---|
52 | // Declare an internal anonymous class which will only be exported |
---|
53 | // by module return value e.g. dojox.gesture.tap.Tap |
---|
54 | var clz = declare(/*===== "dojox.gesture.tap", =====*/Base, { |
---|
55 | // defaultEvent: [readonly] String |
---|
56 | // Default event - 'tap' |
---|
57 | defaultEvent: "tap", |
---|
58 | |
---|
59 | // subEvents: [readonly] Array |
---|
60 | // List of sub events, used by being |
---|
61 | // combined with defaultEvent as 'tap.hold', 'tap.doubletap'. |
---|
62 | subEvents: ["hold", "doubletap"], |
---|
63 | |
---|
64 | // holdThreshold: Integer |
---|
65 | // Threshold(in milliseconds) for 'tap.hold' |
---|
66 | holdThreshold: 500, |
---|
67 | |
---|
68 | // holdThreshold: Integer |
---|
69 | // Timeout (in milliseconds) for 'tap.doubletap' |
---|
70 | doubleTapTimeout: 250, |
---|
71 | |
---|
72 | // tapRadius: Integer |
---|
73 | // Valid tap radius from previous touch point |
---|
74 | tapRadius: 10, |
---|
75 | |
---|
76 | press: function(/*Object*/data, /*Event*/e){ |
---|
77 | // summary: |
---|
78 | // Overwritten, record initial tap info and register a timeout checker for 'tap.hold' |
---|
79 | if(e.touches && e.touches.length >= 2){ |
---|
80 | //tap gesture is only for single touch |
---|
81 | clearTimeout(data.tapTimeOut); |
---|
82 | delete data.context; |
---|
83 | return; |
---|
84 | } |
---|
85 | var target = e.target; |
---|
86 | this._initTap(data, e); |
---|
87 | data.tapTimeOut = setTimeout(lang.hitch(this, function(){ |
---|
88 | if(this._isTap(data, e)){ |
---|
89 | this.fire(target, {type: "tap.hold"}); |
---|
90 | } |
---|
91 | delete data.context; |
---|
92 | }), this.holdThreshold); |
---|
93 | }, |
---|
94 | release: function(/*Object*/data, /*Event*/e){ |
---|
95 | // summary: |
---|
96 | // Overwritten, fire matched 'tap' or 'tap.doubletap' during touchend |
---|
97 | if(!data.context){ |
---|
98 | clearTimeout(data.tapTimeOut); |
---|
99 | return; |
---|
100 | } |
---|
101 | if(this._isTap(data, e)){ |
---|
102 | switch(data.context.c){ |
---|
103 | case 1: |
---|
104 | this.fire(e.target, {type: "tap"}); |
---|
105 | break; |
---|
106 | case 2: |
---|
107 | this.fire(e.target, {type: "tap.doubletap"}); |
---|
108 | break; |
---|
109 | } |
---|
110 | } |
---|
111 | clearTimeout(data.tapTimeOut); |
---|
112 | }, |
---|
113 | _initTap: function(/*Object*/data, /*Event*/e){ |
---|
114 | // summary: |
---|
115 | // Update the gesture data with new tap info |
---|
116 | if(!data.context){ |
---|
117 | data.context = {x: 0, y: 0, t: 0, c: 0}; |
---|
118 | } |
---|
119 | var ct = new Date().getTime(); |
---|
120 | if(ct - data.context.t <= this.doubleTapTimeout){ |
---|
121 | data.context.c++; |
---|
122 | }else{ |
---|
123 | data.context.c = 1; |
---|
124 | data.context.x = e.screenX; |
---|
125 | data.context.y = e.screenY; |
---|
126 | } |
---|
127 | data.context.t = ct; |
---|
128 | }, |
---|
129 | _isTap: function(/*Object*/data, /*Event*/e){ |
---|
130 | // summary: |
---|
131 | // Check whether it's an valid tap |
---|
132 | var dx = Math.abs(data.context.x - e.screenX); |
---|
133 | var dy = Math.abs(data.context.y - e.screenY); |
---|
134 | return dx <= this.tapRadius && dy <= this.tapRadius; |
---|
135 | } |
---|
136 | }); |
---|
137 | |
---|
138 | // the default tap instance for handy use |
---|
139 | dojox.gesture.tap = new clz(); |
---|
140 | // Class for creating a new Tap instance |
---|
141 | dojox.gesture.tap.Tap = clz; |
---|
142 | |
---|
143 | return dojox.gesture.tap; |
---|
144 | |
---|
145 | }); |
---|