onclick event is not working on ipad and tablet

Question

onClick event not working on tablet,ipad? it is perfectly working on Pc browser but not working for touch events , i tried .binding(),.on() and many thing but they are not

Answer 1

You need to use touchstart i get you a small example,

$('elementid').on('click touchstart', function() {
      console.log('1');
});

The touchstart event is fired when a touch point is placed on the touch surface.

Answer 2

You must have to bind the 'click' or 'tap' event for associated HTML control. You can bind like this

$('elementid').bind('click',function() {   alert('Click event triggered'); });

OR

$('elementid').bind('tap',function() {  alert('Tap event triggered'); });

Answer 3

You can use tap, swipe, taphold etc events for the tablets,touch you can do this like

$('htmlelement').bind('click', ClickFunction ).bind('tap', ClickFunction );

Here are the list of jquery mobile events events

Also try to use the jquerymobile