Position du curseur de façon non evenementielle

**gloubi** · 18/10/2007, 04h47

Bonjour,

Je voudrais savoir comment récupérer en JS et sous firefox les coordonnées du curseur de la souris de façon non évenementielle.

Je veux dire par non evenementielle que je souhaite récupérer a un moment quelconqie de mon script les coordonnées du curseur de la souris sans pour autant avoir a détecter tous les déplacements de cette dernière (pas de mousemove en parallele)...

J'ai beau cherché sur le net, TOUT ce que j'ai pu trouver est basé sur un système evenementiel... Existe t-il pas tout simplement un truc du style mouse.x ?

**SpaceFrog** · 18/10/2007, 09h42

Il y aura forcément de l'évènementiel ,
suffit de lancer une focntion qui te retourne les coordonnées sur le onmousemove du body ...

concentre tes recherches sur developpez, pas sur tout le net... cette réponse à déja été donnée ici ...

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
 
<html>
<head>
<script type='text/javascript'>
var e
function getMouse(e){
	var x,y;
	var elt = document.documentElement;
	if ( document.captureEvents ) {
		x = e.pageX;
		y = e.pageY;
	} else if ( window.event.clientX ) {
		x = window.event.clientX+elt.scrollLeft;
		y = window.event.clientY+elt.scrollTop;
	}
	window.mouseX = x;
	window.mouseY = y;
document.test.x.value = x; 
document.test.y.value = y; 
 
}
function populate(){document.onmousemove=function(event){getMouse(event)}}
</script> 
 
</head> 
 
<body  onload='populate()' > 
 
<form name="test"> 
X: <input type="text" name="x" size="4"> Y: <input type="text" name="y" size="4"> 
</form> 
 
</body> 
</html>

**gloubi** · 19/10/2007, 00h31

Merci pour ta réponse, mais c'est exactement ce que j'esperait ne pas avoir...
J'ai deja une solution évementiel dont j'essaye de me débarasser...

Je vais donc conclure que c'est impossible... A defaut, existe t-il un moyen pour passer 2 parametres a une fonction evenemenielle ?

exemple, j'ai une fonction bidule(e, val) que je veux associer a onclick...

e devrait alors être l'evenement et val un paramètre dont la valeur dépend de l'élément sur lequel on clique (donc fixé dans le code) ?

genre de la sorte, j'appel ma fonction bidule au moment d'un click sur l'element :

<img src="./truc.png" onclick="bidule(event, 56)">, event étant là pour pouvoir récupérer la position du curseur dans la fonction (j'espere que l'element onclick contient au moins la position du clic). c'est possible de faire kkchose qui ressemble à ça ? quel serait la syntaxe de l'appel ?

On considère que la contrainte primaire est de ne pas utiliser le onmousemove !

**bigboomshakala** · 19/10/2007, 07h51

bonjour

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function toto(e)
{
  var posx= e==null ? event.clientX : e.pageX;
  var posy= e==null ? event.clientY : e.pageY;
  var msg = "position = (x,y)";
  alert(msg.replace('x',posx).replace('y',posy));
}

**gloubi** · 20/10/2007, 05h38

merci pour vos réponses, mais je craint de ne pas comprendre...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function toto(e)
{
  var posx= e==null ? event.clientX : e.pageX;
  var posy= e==null ? event.clientY : e.pageY;
  var msg = "position = (x,y)";
  alert(msg.replace('x',posx).replace('y',posy));
}

Juste pour la forme, pourquoi ce msg.replace ? pourquoi pas tout simplement ecrire ça ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert("position=("+posx+","+posy+")")

Sinon, pour le prototype de la fonction, on est encore dans un cas d'evenementiel avec 1 seul paramètre, l'évenement... Or, l'objectif est de faire soit en non evenementiel (au moins la récupération des coordonnées du curseur), soit de faire une fonction evenementielle capable de recevoir 2 parametres... toto(e, val)

En fait, je comprend pas bien la réponse...

**bigboomshakala** · 20/10/2007, 12h00

re,

il faut que tu te mettes bien en tête qu'il y aura forcément un événement pour la récupération de la position du curseur (cela a été dit précédemment).

je ne vois pas où est le problème, si tu veux passer 2 paramètres à la fonction libre à toi

. moi j'en ai passé un seul parce que j'avais pas besoin de plus.

que fait la fonction ? tu as cliqué, donc il y a l'événement onclick qui a été déclenché. tu l'interceptes, et cet événement contient des informations. tu peux récupérer la position de la souris.

quant au replace, ben chacun gère les chaînes comme il veut. moi j'aime bien cette méthode (qui ressemble à printf, string.Format, CString.Format et consors) qui me permet d'écrire une chaine formatée sans avoir à me soucier de ne pas me planter avec les guillemets, les +, etc... c'est plus clair et on voit tout de suite à quoi ressemblera le message. ça n'a rien d'obligatoire.

pourquoi pas tout simplement ecrire ça ?

parce que justement je ne trouve pas que ce soit plus simple du tout. ici on a peut-être qu'une petite chaîne, mais dans mon taf j'en ai de plus contexte et on s'embrouille...

Position du curseur de façon non evenementielle

JavaScript

Vue hybride

Discussions similaires

Partager

Partager