Powtórz czynność w języku JavaScript po przyciśnięciu myszy

Question

Czy istnieje funkcja JavaScript powtarzana co tylu milisekund, przez co przycisk HTML jest przytrzymywany? Byłoby wspaniale, gdyby można to było zrobić za pomocą standardowego JavaScript, ale używanie jQuery lub wtyczki jQuery byłoby również świetne.

Answer 1

W zdarzeniu mousedown() ten kod uruchamia powtarzający się zegar (co 500 ms w tym przykładzie), który jest anulowany, gdy wystąpi zdarzenie mouseup(). To powinno być dostosowane do tego, co chcesz:

var intervalId; 
$("#button").mousedown(function() { 
    intervalId = setInterval(do_something, 500); 
}).mouseup(function() { 
    clearInterval(intervalId); 
}); 

function do_something() { 
    // whatever 
} 

Zobacz setInterval() Więcej informacji na temat rozliczeń liczniki.

Answer 2

Chciałbym używać funkcji javascript setInterval() w funkcji, która jest wywoływana po naciśnięciu myszy.

<input type="button" id="button" onmousedown="inter=setInterval(startAction, 1*1000);" 
onmouseup="clearInterval(inter);" value="click here" /> 

<script type="text/javascript"> 
    function startAction(){ 
     //whatever you want done 
    } 
</script> 

Answer 3

Widzę problem z obydwoma rozwiązaniami wymienionymi powyżej.

onmouseup jest wyzwalany tylko wtedy, gdy mysz zostanie zwolniona, gdy znajdzie się nad przyciskiem. Jeśli użytkownik przytrzyma mysz, a następnie odsunie mysz przed jej zwolnieniem, wówczas clearInterval nigdy nie zostanie wyrzucony, a więc będzie się zawsze wyrzucał.

Należy dodać kolejne zdarzenie "onmouseout", które również wywołuje clearInterval.

Answer 4

var intervalId; 
$("#button").mousedown(function() { 
    intervalId = setInterval(do_something, 500); 
}).mouseup(function() { 
    clearInterval(intervalId); 
}).mouseleave(function() { 
//this should help solve the problem that occurs when the mouse leaves the button while pressed down 
    clearInterval(intervalId); 
}); 

function do_something() { 
    // whatever 
}