validacion - validar formulario javascript html5

Necesita código de JavaScript para presionar y mantener presionada la tecla

Question

Me gustaría una rutina javascript más corta posible que cuando un mousedown aparece en un botón, primero responde como un clic de mouse y luego, si el usuario mantiene presionado el botón, responde como si el usuario estuviera continuamente enviando mouseclicks y luego de un tiempo con el Si el botón está 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, el usuario mantiene presionado el botón del mouse (x = función de llamada) - x___x___x___x__x__x_x_x_x_xxxxxxx

Answer 1

Cuando se presiona el botón, llame a window.setTimeout con su hora prevista y la función x , y configure el temporizador de nuevo al final de x pero esta vez con un intervalo más pequeño.

Borre el tiempo de espera usando window.clearTimeout luego de soltar el botón del mouse.

Answer 2

Simplemente coloque el siguiente toggleOn en OnMouseDown y toggleOff en 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 3

algo así como el siguiente código psuedo 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

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 5

Acabo de lanzar un plugin de jQuery, compruebe esta demostración en este repositorio .

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