[javascript]coordonnées souris différentes sous IE et Firefox

Version imprimable

17/04/2007, 14h36
Fabouney

[javascript]coordonnées souris différentes sous IE et Firefox

Bonjour à tous et à toute.

qu'est-ce qui peut faire qu'on obtient des coordonnées différents sous IE ou Firefox, mise à part la pris en charge des scroll ?

j'utilise event.x et event.y pour IE, et e.clientX et e.clientY pour FF, sachant que l'evénement je le passe directement comme ceci onmouseover="mafunction(event);".
bref il récupére bien l'évenement de la souris.

j'ai l'impression que IE prend les coordonnées de la souris par rapport au coin gauche supérieur de son "container" et non du cin supérieur gauche de la FENETRE, alors que firefox si.

si c'est le cas alros j'aimerais reproduire le comportement d'IE sous firefox car ce décallage me parait bizarre.

Cordialement.
17/04/2007, 15h01
Fabouney

je viens de trouver :)

C'est les propriété layerX et layerY à utiliser pour FF.

Cordialement.

bonjour,

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
40
41
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function maFonction(ev)
{
  var x, y;
  if (ev.x!=null && ev.y!=null)
  {
   x = ev.x;
   y = ev.y;
  }
 
  if (ev.clientX!=null && ev.clientY!=null)
  {
   x = ev.clientX;
   y = ev.clientY;
  }
  document.getElementById("test").innerHTML = "x="+x+" y="+y;
}
 
//-->
</script>
 
</head>
 
<body>
<div onmousemove="maFonction(event);"style="top:50px; left:100px; width: 200px; height: 100px; border: 1px solid #AAAAAA;position: absolute;">
zone de test
</div>
 
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div id="test"></div>
 
 
</body>
 
</html>

il n'y pas de différences majeures (ici avec un div en position absolute).

[edit]
Néanmoins le doctype a une influence : cf. ces discussions :
Position de la souris
Script d'une info-bulle
Taille utilisable de la fenêtre
[/edit]