[FAQ] l'amie molette (sans en faire tout un fromage)

**SpaceFrog** · 30/05/2007, 15h53

Voici un petit code glané sur les post, pour l'interception des touches des souris.
Si le coeur vous en dit à compléter avec un test browser pour le rendre universel ...

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
<script type='text/javascript'> function mouseEvent(e){alert(e.button)} </script>     </head>   <body>   <div onmouseup="mouseEvent(event)">bouton de souris</div>   </body>  
 
 
IE retourne
Bouton gauche = 1
molette = 4
Bouton droit = 2
 
 
FFX
Bouton gauche = 0
molette = 1
Bouton droit = 2
 
_____________

**cerede2000** · 30/05/2007, 22h55

Moi ca ne marche que pour bouton droit et gauche, pas la molette

pour IE et FF, et sur opera il y a juste le bouton gauche qui fonctionne :S

**SpaceFrog** · 31/05/2007, 11h23

Merci de conitnuer à tester sous différents navigateurs ...

Nous en ferons une synthèse.

**SpaceFrog** · 04/06/2007, 11h16

et pour ce qui est du roulement de molette:

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
29
30
31
32
33
34
35
<html>
<head>
 
<script type="text/javascript">
var mouvement=0
function Affiche(sens) {
	mouvement += sens
	document.getElementById('temoin').innerHTML = mouvement;
}
 
function Molette(event){
	var sens = 0;
	if (!event){event = window.event;}
	if (event.wheelDelta) {
	   	sens =(window.opera)?-event.wheelDelta/120: event.wheelDelta/120; 
       }
    else {sens=(event.detail)?-event.detail/3:sens;
	   }
	if (sens)
		Affiche(sens);
}
 
// Lancement 
if (window.addEventListener){window.addEventListener('DOMMouseScroll', Molette, false);}
else{window.onmousewheel =function(){Molette()};
     document.onmousewheel = function(){Molette()};
    }
 
</script>
</head>
<body>
<div id="temoin"></div>
 
</body>
</html>

Testé sous IE et FFX

[FAQ] l'amie molette (sans en faire tout un fromage)

Contribuez

Vue hybride

Discussions similaires

Partager

Partager