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

Fabouney · 17/04/2007, 14h36

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.

Fabouney · 17/04/2007, 15h01

je viens de trouver

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

Cordialement.

**Auteur** · 17/04/2007, 15h01

bonjour,

Code html :

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

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

JavaScript

Discussions similaires

Partager

Partager