Jul 12

The release of PhoneGap-webOS 1.0.0rc1 adds built-in support for touch events. The touch events use the thumbs.js library which has been rolled into PhoneGap-webOS.

To use the touch events in PhoneGap-webOS add the following lines of code to your HTML file.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
    <head>
        <script type="text/javascript" src="phonegap.js"></script>
    </head>
    <body>
 
        <button id="btnTouchStart">Touch Start</button>
 
        <script>                         
             document.addEventListener('deviceready', function () {
                  // PhoneGap is ready, do all your stuf here
             }, false);
 
            document.querySelector('#btnTouchStart').addEventListener('touchstart', onTouchEvent, false);
 
            function onTouchEvent(event) {
	         navigator.notification.alert(event.type);
            }
        </script> 
 
    </body>
</html>

This will create a button and attach an event listener for a ‘touchstart’ event being triggered from the button. The onTouchEvent method will simple display a notification with the event type being handled.

PhoneGap webOS touchstart event example

Full source code with examples of all touch & mouse events can be found here.

Leave a Reply