Jak obliczyć czas podczas zdarzenia mousedown w jquery?

Question

Próbuję wykonać 2 różne funkcje na jednym przycisku na zdarzenia mousedown - up. Ale to nie działa, ponieważ nie mogę wykryć czasu na mousedown wydarzeniu.

var flag; 
$("#ClikerButton").mousedown(function(e){ 
    //if mouse pressed more than 2 sec, then 
    // do func1 and set flag = true; 
     //else do nothing 
}).mouseup(function(e){ 
//if flag == true, do nothing, 
//else do func2; 
}); 

Answer 1

Można użyć:

$(window).mousedown(function(e) { 
    clearTimeout(this.downTimer); 
    this.downTimer = setTimeout(function() { 
     alert('mousedown > 2 sec'); 
    }, 2000); 
}).mouseup(function(e) { 
    clearTimeout(this.downTimer); 
});​ 

Fiddle:http://jsfiddle.net/simevidas/Pe9sq/2/

referencyjny:Detecting time on mousedown event

Answer 2

Nie ma magii jQuery, tylko zegary JavaScript.

var pressTimer 

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

tu jest link ref https://stackoverflow.com/questions/2625210/long-press-in-javascript/2625240#2625240

Answer 3

var flag, flag2; 
$("#ClikerButton").on({ 
    mousedown : function(){ 
     flag = new Date().getTime(); 
    }, 
    mouseup: function(){ 
     flag2 = new Date().getTime(); 
     var passed = flag2 - flag; 
     console.log(passed); //time passed in milliseconds 
    } 
});​ 

FIDDLE