Remove the 300ms delay from phonegap apps

Question

I have been trying to make my app more responsive, but unfortunately nothing seems to help. I am using PhoneGap and hence I am experiencing the famous 300ms delay for touch

Answer 1

I solved it with a super minimal solution after some problems with fastclick when triggering click events. This example uses jQuery.

$(document).on('touchstart', '.clickable', function(e){
    // This prevents the click to be completed
    // so will prevent the annoying flickering effect
    e.preventDefault();
});

You have to add .clickable class to any element you want to take out the 300m delay from.

Then, change all click events for touchstart events, so this

$('#elementid').click(function(e){
   console.log('ex event'); 
}

has to be now this

$(document).on('touchstart', '#elementid', function(e){
   console.log('new event'); 
}