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

Swipe me yo\!

Browse Source
This commit is contained in:
Max Lynch
2013-08-26 19:44:10 -05:00
parent b6a4f42885
commit 4e4b979204
4 changed files with 17 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
example/events.html
View File

@ -7,8 +7,12 @@
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="../../dist/framework.css">
<link rel="stylesheet" href="app.css">
<script>
</script>
<style>
.swiperight {
-webkit-transition: 0.1s ease-in-out all;
-webkit-transform:translate3d(120%,0,0) ;
}
</style>
</head>
<body>
<div class="content content-padded">

2
example/events.js
View File

@ -32,8 +32,6 @@ window.FM.on('swipe', function(e) {
type: 'swipe',
event: e
});
e.target.classList.add('swipeleft');
});
window.FM.on('swiperight', function(e) {
console.log('GOT SWIPE RIGHT', e);

3
js/framework/framework-events.js
View File

@ -21,8 +21,9 @@
*/
trigger: function(eventType, data) {
// TODO: Do we need to use the old-school createEvent stuff?
var event = new CustomEvent(eventType, data);
window.dispatchEvent(new CustomEvent(eventType, data));
data.target && data.target.dispatchEvent(event) || window.dispatchEvent(event);
},
/**

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

@ -12,10 +12,7 @@
framework.Gesture.Touch = {
handle: function(e) {
if(e.type == 'touchstart') {
framework.EventController.trigger('touch', {
cancelable: true,
bubbles: true
});
framework.GestureController.triggerGestureEvent('touch', e);
}
}
};
@ -45,10 +42,7 @@
break;
case 'touchend':
if(this._hasMoved == false) {
framework.EventController.trigger('tap', {
cancelable: true,
bubbles: true
});
framework.GestureController.triggerGestureEvent('tap', e);
}
break;
}
@ -59,10 +53,7 @@
framework.Gesture.Release = {
handle: function(e) {
if(e.type === 'touchend') {
framework.EventController.trigger('release', {
cancelable: true,
bubbles: true
});
framework.GestureController.triggerGestureEvent('release', e);
}
}
};
@ -78,16 +69,8 @@
// trigger swipe events, both a general swipe,
// and a directional swipe
framework.EventController.trigger('swipe', {
gesture: e,
cancelable: true,
bubbles: true
});
framework.EventController.trigger('swipe' + e.direction, {
gesture: e,
cancelable: true,
bubbles: true
});
framework.GestureController.triggerGestureEvent('swipe', e);
framework.GestureController.triggerGestureEvent('swipe' + e.direction, e);
}
}
}
@ -102,6 +85,10 @@
framework.Gesture.Release,
],
triggerGestureEvent: function(type, e) {
framework.EventController.trigger(type, framework.Utils.extend({}, e));
},
_annotateGestureEvent: function(e) {
// If this doesn't have touches, we need to grab the last set that did
var touches = e.touches;