[JavaScript] [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

31/05/2007, 11h23	#3
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 119 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 119 Points : 45 278 Points : 45 278	Merci de conitnuer à tester sous différents navigateurs ... Nous en ferons une synthèse. __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

30/05/2007, 22h55	#2
cerede2000 Membre expérimenté Étudiant Inscription : juillet 2004 Messages : 777 Détails du profil Informations personnelles : Âge : 25 Informations professionnelles : Activité : Étudiant Informations forums : Inscription : juillet 2004 Messages : 777 Points : 527 Points : 527	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
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email