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

Swipe gestures

Browse Source
This commit is contained in:
Max Lynch
2013-08-26 19:09:06 -05:00
parent 90ea2fd684
commit 2db29fb35b
5 changed files with 234 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
example/events.html
View File

@ -16,6 +16,7 @@
<a href="#" class="button button-success">Swipe me!</a>
<div id="event-log"></div>
</div>
<script src="../../js/framework/framework-utils.js"></script>
<script src="../../js/framework/framework-gestures.js"></script>
<script src="../../js/framework/framework-events.js"></script>
<script src="events.js"></script>

48
example/events.js
View File

@ -19,3 +19,51 @@ window.FM.on('touch', function(e) {
event: e
});
});
window.FM.on('release', function(e) {
console.log('GOT RELEASE', e);
logEvent({
type: 'release',
event: e
});
});
window.FM.on('swipe', function(e) {
console.log('GOT SWIPE', e);
logEvent({
type: 'swipe',
event: e
});
e.target.classList.add('swipeleft');
});
window.FM.on('swiperight', function(e) {
console.log('GOT SWIPE RIGHT', e);
logEvent({
type: 'swiperight',
event: e
});
e.target.classList.add('swiperight');
});
window.FM.on('swipeleft', function(e) {
console.log('GOT SWIPE LEFT', e);
logEvent({
type: 'swipeleft',
event: e
});
e.target.classList.add('swipeleft');
});
window.FM.on('swipeup', function(e) {
console.log('GOT SWIPE UP', e);
logEvent({
type: 'swipeup',
event: e
});
});
window.FM.on('swipedown', function(e) {
console.log('GOT SWIPE DOWN', e);
logEvent({
type: 'swipedown',
event: e
});
});