Discussion :

[sourivore]

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?

[Auteur]

bonjour,


utilise les événements onmousedown et onmouseup sur ton bouton.

[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

[sourivore]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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?

[Auteur]

ah oui c'est curieux
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.

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>