Jquery: efecto mousedown (mientras clic izquierdo se mantiene pulsado)

Question

Necesito una función que ejecuta una función mientras se pulsa un botón y deja de ejecutarse cuando el botón se soltó

$('#button').--while being held down--(function() { 
    //execute continuously 
}); 

Answer 1

creo que algo como esto haría trabajo:

var timeout, clicker = $('#clicker'); 

clicker.mousedown(function(){ 
    timeout = setInterval(function(){ 
     // Do something continuously 
    }, 500); 

    return false; 
}); 

$(document).mouseup(function(){ 
    clearInterval(timeout); 
    return false; 
}); 

ver este demo: http://jsfiddle.net/8FmRd/

Answer 2

Una pequeña modificación de la respuesta original:

$('#Clicker').mousedown(function() { 
    //do something here 
    timeout = setInterval(function() { 
     //do same thing here again 
    }, 500); 

    return false; 
}); 
$('#Clicker').mouseup(function() { 
    clearInterval(timeout); 
    return false; 
}); 
$('#Clicker').mouseout(function() { 
    clearInterval(timeout); 
    return false; 
}); 

Con el evento mouseout en el Clicker, se detiene cuando mueve el mouse fuera del área de clic.

La razón por la que sugiero hacer lo mismo dos veces es para obtener un efecto más suave. Si no lo hace una vez antes de que se establezca el tiempo de espera, habrá un retraso de, en este caso, 500 ms antes de que ocurra algo.

Answer 3

$.fn.click2=function(cb,interval){ 
    var timeout; 
    if(!interval) interval=100; 
    $(this).mousedown(function() { 
     var target=this; 
     timeout = setInterval(function(){ 
      cb.apply(target); 
     }, interval); 

    return false; 
    }).mouseup(function() { 
     clearInterval(timeout); 
     return false; 
    }).mouseout(function() { 
     clearInterval(timeout); 
     return false; 
    }); 
} 

Answer 4

He aquí una implementación de JavaScript pura de las soluciones suministradas que tiene soporte extendido para pantallas táctiles. Usted suministra el id, action para realizar (function(){}) y el interval (ms) para repetir el action. Tenga en cuenta que esta implementación también ejecutará el action inmediatamente, en lugar de esperar a que caduque el interval.

// Configures an element to execute a function periodically whilst it holds the user's attention via a mouse press and hold. 
function assertPeriodicPress(id, action, interval) { 
    // Listen for the MouseDown event. 
    document.getElementById(id).addEventListener('mousedown', function(ev) { action(); timeout = setInterval(action, interval); return false; }, false); 
    // Listen for mouse up events. 
    document.getElementById(id).addEventListener('mouseup', function(ev) { clearInterval(timeout); return false; }, false); 
    // Listen out for touch end events. 
    document.getElementById(id).addEventListener('touchend', function(ev) { clearInterval(timeout); return false; }, false); 
}