jquery में mousedown घटना के दौरान समय की गणना कैसे करें?

Question

मैं mousedown - अप घटनाओं पर एक बटन पर 2 अलग-अलग कार्यक्षमताओं को करने की कोशिश कर रहा हूं। लेकिन यह काम नहीं कर रहा है क्योंकि मैं mousedown घटना पर समय का पता लगाने में सक्षम नहीं है।

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

आप उपयोग कर सकते हैं:

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

फिडल:http://jsfiddle.net/simevidas/Pe9sq/2/

संदर्भ:Detecting time on mousedown event

Answer 2

कोई 'jQuery' जादू नहीं है, बस जावास्क्रिप्ट टाइमर।

var pressTimer 

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

यहाँ रेफरी कड़ी है 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