Search code examples
javascriptjquerycordova

Find if device is touch screen then apply touch event instead of click event

I am creating a phonegap application, but as I came to know that it takes 300MS to trigger click event instead of touchevent.

I don't want to apply both event. Is there any way to know if it's touch device without modernizer.

Here is jquery code for assumption

$('#id').on('click',funciton(e){
  alert('id was clicked');
});

is there anyway to do it with pure JS/jQuery as phonegap application already takes more memory I want to use less library as I can.

Solution

  • I mean really you should Modernizr but...

    var supportsTouch = 'ontouchstart' in window || navigator.msMaxTouchPoints;
var eventType = supportsTouch ? 'ontouchstart' : 'click';

    Then declare your event listeners as such:

    $('#id').on(eventType, function(e) {
  alert('id was clicked');
});