Necesito el código de Javascript para presionar y mantener oprimido el botón

Question

Me gustaría una rutina de javascript más corta posible que cuando un mousedown ocurre en un botón, primero responde como un clic de ratón y luego, si el usuario mantiene presionado el botón, responde como si el usuario estaba continuamente enviando clics del mouse y después de un tiempo con el botón presionado actúa como si el usuario estuviera acelerando sus clics de mouse ... básicamente piense en ello como una repetición de tecla presionada con aceleración en el tiempo.
es decir usuario mantiene pulsado el botón del ratón (x = función de llamada) - x___x___x___x__x__x_x_x_x_xxxxxxx

Answer 1

function holdit(btn, action, start, speedup) { 
    var t; 

    var repeat = function() { 
     action(); 
     t = setTimeout(repeat, start); 
     start = start/speedup; 
    } 

    btn.mousedown = function() { 
     repeat(); 
    } 

    btn.mouseup = function() { 
     clearTimeout(t); 
    } 
}; 

/* to use */ 
holdit(btn, function() { }, 1000, 2); /* x..1000ms..x..500ms..x..250ms..x */ 

Answer 2

Cuando se pulsa el botón, llame window.setTimeout con su tiempo previsto y la función de x, y ajustar el temporizador de nuevo al final de x pero esta vez con un intervalo más pequeño.

Elimine el tiempo de espera usando window.clearTimeout al soltar el botón del mouse.

Answer 3

algo así como debajo de la pseudo código podría funcionar ..

var isClicked = false; 
var clickCounter = 100; 
function fnTrackClick(){ 
    if(isClicked){ 
     clickCounter--; 
     setTimeout(clickCounter * 100, fnTrackClick); 
    } 
} 

<input type="button" value="blah" onmousedown="isClicked=true;" onmouseover="fnTrackClick();" onmouseup="isClicked = false;" /> 

Answer 4

Sólo hay que poner el siguiente toggleOn en el OnMouseDown y toggleOff en el onmouseup del botón.

var tid = 0; 
var speed = 100; 

function toggleOn(){ 
    if(tid==0){ 
     tid=setInterval('ThingToDo()',speed); 
    } 
} 
function toggleOff(){ 
    if(tid!=0){ 
     clearInterval(tid); 
     tid=0; 
    } 
} 
function ThingToDo{ 

} 

Answer 5

Me basta con soltar un plugin de jQuery, comprobar esto demo en este repo.

$('button').clickAndHold(function (e, n) { 
    console.log("Call me baby ", n); 
});