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

Moving to gesture-based event handling

Browse Source
This commit is contained in:
Max Lynch
2013-08-26 15:53:57 -05:00
parent 8a8dab2598
commit f6b91c33e3
5 changed files with 402 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
example/adams/events.html Normal file
View File

@ -0,0 +1,22 @@
<html>
<head>
<meta charset="utf-8">
<title>Example</title>
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="../../dist/framework-with-theme.css">
<link rel="stylesheet" href="app.css">
<script>
</script>
</head>
<body>
<div class="content content-padded">
<a href="#" class="button button-success">Tap me!</a>
<a href="#" class="button button-success">Swipe me!</a>
<div id="event-log"></div>
</div>
<script src="../../js/framework/framework-events.js"></script>
<script src="events.js"></script>
</body>
</html>

2
example/events.html
View File

@ -13,8 +13,10 @@
<body>
<div class="content content-padded">
<a href="#" class="button button-success">Tap me!</a>
<a href="#" class="button button-success">Swipe me!</a>
<div id="event-log"></div>
</div>
<script src="../../js/framework/framework-gestures.js"></script>
<script src="../../js/framework/framework-events.js"></script>
<script src="events.js"></script>
</body>

7
example/events.js
View File

@ -12,3 +12,10 @@ window.FM.on('tap', function(e) {
event: e
});
});
window.FM.on('touch', function(e) {
console.log('GOT TOUCH', e);
logEvent({
type: 'touch',
event: e
});
});