1

We have developed an HTML5 application using JQuery (not JQuery mobile). It's working great on all the other platforms except for WP7 (7.5, 7.8). On WP7 the click events are not fired every time when an element (button, li) is tapped. When tapping an element, a gray box is displayed on top of the element but the click event is not fired.

Does anyone have similar issues and is there a solution to this?

John S
  • 13
  • 4

2 Answers2

1

I can confirm I have experienced the same issue. First of all this is not to do with trying to hide the grey box, that is possible with a few work around as Lukas points out.

I believe this issue is a bug/limitation of PhoneGap and how it handles clicks. It seems that if you click down, move your finger a tiny fraction then release, the click event does not fire. If you do the same on the devices IE9 browser then it is much more forgiving and you can move your finger slightly during a tap and the click still fires.

I have filed this as a bug with Apache, please vote for it: https://issues.apache.org/jira/browse/CB-3565

Jeff S.
  • 1,201
  • 1
  • 14
  • 17
  • This seems to be the case. I tested quickly with mousedown event instead of click, and it's working better. – John S Jun 02 '13 at 21:14
  • 1
    I did similar using mouseup, works nicely unless your page scrolls and then it sometimes thinks you are clicking when you want to scroll. No ideal solution right now. – Jeff S. Jun 03 '13 at 00:26
0

try to use the following functions for touch events in Windows:

  1. MSPointerDown (for touchstart)

  2. MSPointerUp (for touchend)

  3. MSPointerMove (for touchmove)

Hope that helps.

SHANK
  • 2,978
  • 23
  • 31