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

Question

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.

Answer 1

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');
});