iPad/iPhone hover problem causes the user to double click a link

by

Haven’t tested this fully but since iOS fires touch events, this could work, assuming you are in a jQuery setting.

$('a').on('click touchend', function(e) {
    var el = $(this);
    var link = el.attr('href');
    window.location = link;
});

The idea is that Mobile WebKit fires a touchend event at the end of a tap so we listen for that and then redirect the browser as soon as a touchend event has been fired on a link.

More Related Contents:

  1. Trigger click on select box on hover
  2. How can I recognize touch events using jQuery in Safari for iPad? Is it possible?
  3. How do I check if the mouse is over an element in jQuery?
  4. what’s faster? CSS3 transitions or jQuery animations?
  5. jQuery click event not working in mobile browsers
  6. jQuery disable scroll when mouse over an absolute div
  7. Jquery condition check is(‘:hover’) not working
  8. Disable scrolling when changing focus form elements ipad web app
  9. How can I make a jQuery UI ‘draggable()’ div draggable for touchscreen?
  10. iPad HTML Focus
  11. iOS Safari – How to disable overscroll but allow scrollable divs to scroll normally?
  12. Click event called twice on touchend in iPad
  13. Determine vertical direction of a touchmove
  14. How to make jQuery 1.7 .on() hover?
  15. Jquery trigger click not working on safari browsers in mac, Ipad & Iphone
  16. Unselect what was selected in an input with .select()
  17. Fancybox links don’t show in lightbox – what am i missing?
  18. Clear form fields with jQuery
  19. Jquery $.ajax fails in IE on cross domain calls
  20. JQuery Event Handlers – What’s the “Best” method
  21. how to store an array in jquery cookie?
  22. How can I change the text color with jQuery?
  23. Twitter Bootstrap carousel vertical sliding
  24. jQuery: how to remove the text but not the children elements
  25. Datatables – Search Box outside datatable
  26. Auto-click button element on page load using jQuery
  27. jquery disable submit button on form submission
  28. jQuery draggable + droppable: how to snap dropped element to dropped-on element
  29. jQuery code doesn’t work if I’m using a local jquery.js file, why?
  30. How to Handle Button Click Events in jQuery?

Leave a Comment