javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 06:57:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

Touch and tap gestures working

Browse Source
This commit is contained in:
Max Lynch
2013-08-26 15:59:50 -05:00
parent 672007d332
commit 90ea2fd684
1 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
js/framework/framework-gestures.js
View File

@ -11,10 +11,12 @@
// Simple touch gesture that triggers an event when an element is touched
framework.Gesture.Touch = {
handle: function(e) {
framework.EventController.trigger('touch', {
cancelable: true,
bubbles: true
});
if(e.type == 'touchstart') {
framework.EventController.trigger('touch', {
cancelable: true,
bubbles: true
});
}
}
};
@ -23,20 +25,21 @@
handle: function(e) {
switch(e.type) {
case 'touchstart':
this._touchStartX = e.touches[0].clientX;
this._touchStartY = e.touches[0].clientY;
// We are now touching
this._isTouching = true;
// Reset the movement indicator
this._hasMoved = false;
break;
case 'touchmove':
this._touchStartX = e.type === 'touchstart' ? e.touches[0].clientX : e.clientX;
this._touchStartY = e.type === 'touchstart' ? e.touches[0].clientY : e.clientY;
var x = e.type === 'touchmove' ? e.touches[0].clientX : e.clientX,
y = e.type === 'touchmove' ? e.touches[0].clientY : e.clientY;
var x = e.touches[0].clientX;
y = e.touches[0].clientY;
// Check if the finger moved more than 10px, and then indicate we should cancel the tap
if (Math.abs(x - this._touchStartX) > 10 || Math.abs(y - this._touchStartY) > 10) {
console.log('HAS MOVED');
this._hasMoved = true;
}
break;