Détection de la position du curseur SANS le paramêtre "

Version imprimable

Je dois détecter la position de la souri, mais je trouve extrèment contraignant de toujours devoir passer un paramêtre que je dois passer de fonction en fonction.

Ma fonction actuelle est:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function position(e){ if (!e) var e = window.event; if (e.pageX || e.pageY){ posx = e.pageX; posy = e.pageY; }else if (e.clientX || e.clientY){ posx = e.clientX + document.body.scrollLeft; posy = e.clientY + document.body.scrollTop; } }
Mais je veux supprimer le paramêtre "e" de la fonction.
Si je ne le passe pas, j'ai l'impression que window.event ne fait rien.

Des solutions ?

bonsoir,

Firefox (entre autres) ne connait pas window.event. Dans ce cas tu dois transmettre via le paramètre e de ta fonction l'événement. Tu ne peux donc pas t'en passer.

Par contre je crois que

Code:

if (!e) var e = window.event;

tu peux t'en passer.

exemple (fonctionne sous IE et FF):
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 <html> <head> <title></title> <script type="text/javascript">  </script> </head> <body> <div style="background-color: #A1B2C3; width: 200px;" onmouseover="position(event)">test</div> </body> </html>

24/03/2006, 01h29
FMaz

... jamais j'aurrais cru que FireFox me décevrais :(

1) Mais que représente le "e" ?

2) pourquoi est-ce que la position du curseur dépend de cela ?

3) Supposons que j'ai un timer, comment ce dernier peut-il détecter la position du curseur ?

4) Est-ce que je peux associer plusieurs onmousemove avec des fonctions telles que attachEvent ou autre ?

1-2 :

un script vaut mieux qu'un long discours : regarde les valeurs retournées par "type" et les paramètres du genre X, Y.

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
37
38
39
 
<html>
<head>
<title>Les evenements</title>
 
 
<script type="text/javascript">
<!--
function position(e){
    var posx, posy;
   if (!e)  var e = window.event;
 
   if (e.pageX || e.pageY){
      posx = e.pageX;
      posy = e.pageY;
   }else if (e.clientX || e.clientY){
      posx = e.clientX + document.body.scrollLeft;
      posy = e.clientY + document.body.scrollTop;
   }
 
   //Pour afficher le contenu de e
   var p, pp="";
   for (p in e)
   {
       pp=pp+"<br>"+p+" <span style='color:#0000FF'>"+eval("e."+p)+"</span>";
   }
   document.getElementById("id1").innerHTML="Propri&eacute;tes de l&rsquo;&eacute;v&eacute;nement<br>"+pp;
 
}
//-->
</script>
 
</head>
 
<body>
<div style="background-color: #A1B2C3; width: 200px;" onmouseout="position(event)" onmouseover="position(event)">test</div>
<div id="id1"></div>
</body>
</html>