Đôi khi một số yêu cầu cần sử dụng double click và single click trên cùng 1 element, và đây là trick để sử dụng, trick này cũng bỏ được việc double click zoom trên ios mặc dù đã dùng meta tag user-scalable=no
var DELAY = 700, clicks = 0, timer = null;
$(function(){
$("a").on("click", function(e){
clicks++; //count clicks
if(clicks === 1) {
timer = setTimeout(function() {
alert("Single Click"); //perform single-click action
clicks = 0; //after action performed, reset counter
}, DELAY);
} else {
clearTimeout(timer); //prevent single-click action
alert("Double Click"); //perform double-click action
clicks = 0; //after action performed, reset counter
}
})
.on("dblclick", function(e){
e.preventDefault(); //cancel system double-click event
});
});