Probleme de onmousemove, onmousedown et onmouseup
Voila j'ai ce code qui est sence faire :
-afficher une image (test.png)
- qd j'appuie sur le bouton gauche de la souris et que je bouge cette derniere sur l'image il devrait incrementer un compteur i et m'afficher la valeur de ce compteur.
Pour cela je detecte l'appui sur le bouton de la souris, je positionne alors la variable dg a down (seule condition pour qu'on incremente et affiche le compteur)
Ensuite si je relache le bouton de la souris,je repasse a up et dans ce cas je n'incremente plus mon compteur.
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
29
30
31
32
33
34
35
36
| <HTML>
<HEAD>
<script language="javascript">
var dg = "up";
var i = 0;
function test(texte)
{
if(dg == "down")
{
document.getElementById("test").innerHTML = i;
i++;
}
}
function test2(texte)
{
document.getElementById("test2").innerHTML = texte;
}
function changeDG(val)
{
dg = val;
test2(dg);
}
</script>
</HEAD>
<BODY>
<div width="200" height="100" onmousedown="changeDG('down')" onmouseup="changeDG('up')" onmouseover="test()">
<span id="test"></span> <span id="test2"></span>
<img src="./test.png">
</div>
</BODY>
</HTML> |
resultat ca marche pas bien du tout ...
- il detecte correctement le mousedown
- qd je suis en mousedown et que je me deplace, il me met le curseur qui signifie qu'il n'y a rien a deplacer et n'incremente pas mon compteur.
- qd je relache le bouton il ne passe pas en up mais et commence a incrementer mon compteur.
- pour l'arreter il faut que je clique.
Quelqu'un a une idee pour faire fonctionner correctement ce genre de script parceque j'en ai besoin pour faire une "sorte" de script dessin qui me permettrait de tracer des traits en laissant le bouton de la souris enfonce.
Merci.
