| 123456789101112131415161718192021222324252627282930313233343536373839 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile: Event Logger</title>
- <link rel="stylesheet" href="../../jquery.mobile-1.0.1.min.css" />
- <link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css" />
- <script src="../../jquery.js"></script>
- <script src="../../jquery.mobile-1.0.1.min.js"></script>
-
- <script>
- $( document )
- .bind("tap taphold swipe swipeleft swiperight scrollstart scrollstop orientationchange",function( e ){
- $("#log")
- .prepend("<li>"+ e.type +" event; target: "+ e.target.nodeName +"</li>")
- .listview("refresh");
-
- });
- </script>
- </head>
- <body>
- <div data-role="page" data-theme="b" id="jqm-home">
- <div data-role="header">
- <h1>Event Logger</h1>
- </div>
-
- <div data-role="content">
- <p>Touch events on this page will log out below, prepending to the top as they arrive.</p>
-
- <ul data-role="listview" id="log">
-
- </ul>
- </div>
- </div>
- </body>
- </html>
|
