Incrémenter quand on laisse appuyé

Version imprimable

02/09/2008, 18h19
sourivore

Incrémenter quand on laisse appuyé

Bonjour,

J'ai un champ texte avec 0 en valeur par défaut et un bouton.
Tant qu'on reste appuyé sur le bouton la valeur de ce champ s'incrémente de 1 (toutes les X secondes)

Si on relache le bouton gauche de la souris, l'incrémentation s'arrête.

Savez-vous comment faire cela?

Merci d'avance?
02/09/2008, 18h22
Auteur

bonjour,

utilise les événements onmousedown et onmouseup sur ton bouton.
02/09/2008, 18h41
sourivore

C'est évidemment ce que je fais mais la fonction qui est appelée sur le onMouseDown n'est appelée qu'une fois et non pas jusqu'au onMouseUp

Je viens de réussir avec un setInterval/clearInterval sur les évènements onMouseDown et onMouseUp.

Code:

1
2
3
4
5
6
<script>
	function ajoute1(){
		document.getElementById("champ").value = parseInt(document.getElementById("champ").value) + 1;
	}
</script>
<input type="text" id="champ" value="0"><img src="famfamfam_silk_icons_v013/icons/add.png" onMouseDown="javascript:inter = setInterval('ajoute1()',10));" onMouseUp="javascript:clearInterval(inter);">

N'y a t il pas une solution plus élégante?

02/09/2008, 19h17
Auteur

ah oui c'est curieux :koi:
onmousedown fonctionne comme onclick sauf qu'il ne fait pas la distinction entre les boutons (onclick ne fonctionne que sur le bouton gauche).

Par contre, dans ton code HTML, écris les événements en minuscules et supprime le terme javascript, il est inutile dans ce cas.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script type='text/javascript'>
function mouseButton(){
 if (event.which == null)
       /* IE case */
       button= (event.button < 2) ? "G" :
                 ((event.button == 4) ? "M" : "D");
    else
       /* All others */
       button= (event.which < 2) ? "G" :
                 ((event.which == 2) ? "M" : "D");
 
return button}
 
var Running;
function increment(){
 document.getElementById('compteur').value=document.getElementById('compteur').value*1+1;
 }
 
 function launch(){
 
 if (mouseButton()=="G"){
 Running=setInterval(increment,1000)
 }
 }
 function quit(){
 clearInterval(Running)
 }
 </script>