防止点击触发 taphold 事件

Question

In the following code I have a simple "taphold" event defined, so summon an alert with some text. The problem is that a simple tap will trigger this event as well. The point is that the user has to hold the tap to proceed (in this case alert a text).

What is causing this behavior?

$("#button").on("taphold", function() {
  alert("Good day, sir!");
});

So as mentioned before, a single tap will trigger this event. How can I prevent this from happening?

Answer 1

This works for me in Cordova Android

var pressTimer

$("a").on("mouseup touchstart", function () {
    clearTimeout(pressTimer)
    // Clear timeout
    return false;
}).on("mousedown touchstart", function () {
    // Set timeout
    pressTimer = window.setTimeout(function () {
        alert("hi");
    }, 1000)
    return false;
});