1
rated 0 times
[
7]
[
6]
/ answers: 1 / hits: 100931
/ 12 Years ago, sun, september 2, 2012, 12:00:00
I've read that mobile Safari has a 300ms delay on click events from the time the link/button is clicked to the time the event fires. The reason for the delay is to wait to see if the user intends to double-click, but from a UX perspective waiting 300ms is often undesirable.
One solution to eliminate this 300ms delay is to use jQuery Mobile tap handling. Unfortunately I'm not familiar with this framework and don't want to load some big framework if all I need is a line or two of code applying touchend in the right way.
Like many sites, my site has many click events like this:
$(button.submitBtn).on('click', function (e) {
$.ajaxSubmit({... //ajax form submisssion
});
$(a.ajax).on('click', function (e) {
$.ajax({... //ajax page loading
});
$(button.modal).on('click', function (e) {
//show/hide modal dialog
});
and what I'd like to do is to get rid of the 300ms delay on ALL those click events using a single code snippet like this:
$(a, button).on('tap', function (e) {
$(this).trigger('click');
e.preventDefault();
});
Is that a bad/good idea?
More From » jquery
