I'm trying to create a custom double tap event to be used on mobile/ touch devices. I'm using CPojer's PowerTools plugin and I've taken a look at how he created the Touch, Swipe, etc. events and tried to roll my own based on those. I have it working to a degree but I know this can be done better. One example of a problem I've run into is without also assigning a 'click' event, or touch equivalent, the default event occurs.
For Example: <a href="http://www.google.com"; id="test_1">Hello!</a> <script> window.addEvent( 'domready', function() { $( 'test_1' ).addEvent( 'doubletap', function( event ) { console.log( 'double click!' ); event.stop(); }); }); </script> So without adding in a click handler and stopping the event, we shoot off to www.google.com. If there is no href attribute on that link my double tap event fires correctly. Ugh. I've added my working code to JSFiddle (http://jsfiddle.net/E5DmB/ 13/). This is my first dive into creating any sort of custom event and I'm in need of assistance and would love some ideas or guidance on how to get this done properly.
