Action selon un déplacement de la souris sur l'axe horizontal ou vertical
Salut,
J'essaye de déclencher une action selon que l'utilisateur déplace sa souris sur l'axe horizontal ou vertical. Après maintes recherches et essais, j'obtiens rien de concluant. J'arrive bien à détecter les coordonnées X et Y,mais impossible d'assigner une action différente à chacune. :mur:
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
|
var timeout ;
var posX ;
var posY ;
document.onmousemove = function(event){
posX = event.clientX ;
posY = event.clientY ;
var posXX = "" ;
var posYY = "" ;
if (posXX != posX) {
document.getElementById("ledgreenMSX").className = 'led ledgreen';
posXX=posX;
}
else if (posYY != posY) {
document.getElementById("ledgreenMSY").className = 'led ledgreen';
posYY=posY;
}
clearTimeout(timeout);
timeout = setTimeout("checkMouse('off')", 11);
}
function checkMouse(input) {
if (input=='off') {
document.getElementById("ledgreenMSX").className = 'led ledblack';
document.getElementById("ledgreenMSY").className = 'led ledblack';
}
} |
L'action en question est d'allumer une led correspondant à chacun des axes.
Merci pour votre aide.
