Javascript Events are not working in Tablet-pc?

I have developed a web application in asp.net 3.5. It is consuming lot of javascript/JQuery events and working properly in normal browser in pc, but my client is saying that these are not working in tablet-pc/android and IPad . Like I have a dropdownlist in which I am firing keypress and mouse click events in javascript, and these are perfectly working in normal browsers, I need to be in working form all these in IPads and android tablet-pcs.

Answers:

Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

The click events won’t work on the iPad as it is touch screen – click vs touch I guess. Have you considered using JQueryMobile rather than JQuery? I is optimised for touch devices – as it states on the very front page of the site.

Rather than using click it has a whole host of events you can hook into i.e. tap, swipe, taphold etc… It would be easy enough to hook the same function into a click and a tap event i.e.

('myelement').bind('click', function(event){
   myClickFunction();   
});

('myelement').bind('tap', function(event){
   myClickFunction();   
});

There are possibly (almost certainly) more elegant ways to do this – but that’s just a start really.

Method 2

There are touch events for a touch screen device:

touchstart: a finger is placed on a DOM element.
touchmove: a finger is dragged along a DOM element.
touchend: a finger is removed from a DOM element.

Maybe you want to try working with those. That being said, it is good to use events like change (or onchange inline with the element) for a drop down list because it is will work no matter what changes it (keyboard, mouse event or touch event).

Here is a resource to learn more.

Method 3

You can use a combination and try touchstart instead of tap

('myelement').bind('touchstart click', function(event){
   myClickFunction();   
});

All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0