[JavaScript] [FAQ] Position de la souris

[FremyCompany]

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
// Variables de la gestion de l'evenement
var Mouse = {"x":0,"y":0};
 
// Demande de gestion de l'evenement à NetScape
if(navigator.appName.substring(0,3) == "Net") {
    document.captureEvents(Event.MOUSEMOVE);
}
 
// Gestion de l'evenement
var OnMouseMoveEventHandler=function() {}
var OnMouseMove = function (e)
{
   Mouse.x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
   Mouse.y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
   if (Mouse.x < 0) {Mouse.x=0;}
   if (Mouse.y < 0) {Mouse.y=0;}
   OnMouseMoveEventHandler(e)
}
 
try {
   document.attachEvent("onmousemove", OnMouseMove, true);
} catch (ex) {
   document.addEventListener("mousemove", OnMouseMove, true);
}

Utilisation (n'imorte ou sur la page à n'importe quel momment) :

Code :

Mouse.x / Mouse.x

[S2S]

lu,

Envoyé par FremyCompany

[CODE]
Utilisation (n'imorte ou sur la page à n'importe quel momment) :

Code :

Mouse.x / Mouse.x

Mouse.x / Mouse.y

mais je peut me trompé, je debute.

[FremyCompany]

Ah oui, pardon
C'est bien :
-Mouse.x ==> Position X de la souris
-Mouse.y ==> Position Y de la souris

[FremyCompany]

Au fait, pour avoir la position relative (càd dans le cadre visible de la page), il faut faire comme ceci :

Mouse.x - document.body.scrollLeft;
Mouse.y - document.body.scrollTop;

[Djakisback]

Salut,
c'est censé être compatible Netscape > à combien ?

[FremyCompany]

Envoyé par Djakisback

Salut,
c'est censé être compatible Netscape > à combien ?

Normalement toutes versions, vu que le code prévoit l'ancien netscape et gère FF (nouveau moteur de netscape)... Pourquoi, tu rencontres des problèmes ?

[Djakisback]

Bin j'ai tenté sous le 4.7 et ca ne fonctionne pas.

[FremyCompany]

Quelle est l'erreur ?
Ton script marche sur IE ?

[FremyCompany]

D'un autre coté, si mon script ne fonctionne pas NetScape 4.7, c'est pas vraiment grave, personne ne l'utilise...

Ce serait plus ennyeux si il ne passe pas Opera 7 / FF 1.5 / IE 6

[Djakisback]

C'est juste que je me demandais à quoi servait le captureEvent et le OnMouseMoveEventHandler si ca fonctionne pas sous le vieu Netscape
Mais je ne sais pas à partir duquel ils ont changé de moteur. Personnellement j'utilises ca :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
window.getMouseCoords = function (evnt){
	if(window.event)	{
		evnt = window.event;
	}
	// Gecko
	if(evnt.pageX || evnt.pageY)	{
		return {x:evnt.pageX, y:evnt.pageY};
	}
	// IE
	else if(evnt.clientX || evnt.clientY)	{
		return {x:evnt.clientX + document.body.scrollLeft - document.body.clientLeft, y:evnt.clientY + document.body.scrollTop - document.body.clientTop};
	}
}

Qui ne fonctionne pas non plus sous Netscape ^^

[FremyCompany]

Ben en fait, je t'avoue que j'ai jamais utilisé NetScape 4.7, quand j'ai fait mon script, j'ai mis le capture event pour netscape parceque j'avais déjà vu qu'il fallait le faire, mais sans plus de conviction que ca
--------------------------------------
L'avantage de ma fonction est qu'il ne faut pas disposer de l'objet event (setTimeout, ...) et qu'il ne faut pas faire d'appel au dernier moment (Mouse.x/.y étant juste des variables mises à jours à chaque déplacement de souris)

[Djakisback]

Envoyé par FremyCompany

L'avantage de ma fonction est qu'il ne faut pas disposer de l'objet event (setTimeout, ...) et qu'il ne faut pas faire d'appel au dernier moment (Mouse.x/.y étant juste des variables mises à jours à chaque déplacement de souris)

Effectivement

[vodnok]

Envoyé par Djakisback

C'est juste que je me demandais à quoi servait le captureEvent et le OnMouseMoveEventHandler si ca fonctionne pas sous le vieu Netscape
Mais je ne sais pas à partir duquel ils ont changé de moteur. Personnellement j'utilises ca :

Code :

Qui ne fonctionne pas non plus sous Netscape ^^

Salut,

Je ne suis pas habitué à ce type de définition window.getMouseCoords = function (evnt)

Comment puis-je accéder à x et y ? En faisant window.getMouseCoords.x ?

[FremyCompany]

Pourquoi ne pas utilser mon script, tu le mets dans le HEAD et pis quand tu veux avoir les coordonnées de la souris tu fais "Mouse.x" ou "Mouse.y"

[vodnok]

Disons que le fait d'executer du code à chaque déplacement de la souris ne me semble pas très performant. A moins que je me trompe sur comment fonctionne ta fonction mais Pourquoi calculer quelque chose quand on en a pas besoin ?

Il faut calculer la position du curseur quand j'en ai besoin !

Enfin cela ne répond pas à ma question

Je ne suis pas habitué à ce type de définition window.getMouseCoords = function (evnt)

Comment puis-je accéder à x et y ? En faisant window.getMouseCoords.x ?

[Djakisback]

Comme ca :

Code :

1
2
coords = getMouseCoords();
alert(coords.x);

[vodnok]

Hum je dois avoir mal recopier la fonction car cela ne fonctionne pas. (oui pour une raison un peu trop longue à expliquer je ne peux faire de copier coller ) Je vais vérifié cela ce soir.

Merci

[vodnok]

Bon je fais ça :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
window.getMouseCoords = function (evnt){
	if(window.event)	{
		evnt = window.event;
	}
	// Gecko
	if(evnt.pageX || evnt.pageY)	{
		return {x:evnt.pageX, y:evnt.pageY};
	}
	// IE
	else if(evnt.clientX || evnt.clientY)	{
		return {x:evnt.clientX + document.body.scrollLeft - document.body.clientLeft, y:evnt.clientY + document.body.scrollTop - document.body.clientTop};
	}
}

Et ça dans une autre fonction :

Code :

1
2
3
 
coords = getMouseCoords();
alert(coords.x);

J'ai une erreur comme quoi pageX à la valeur null ou n'est pas un objet. Sous IE et sous FF ça marche pas non plus. La fonction est définie dans un fichier .js

[SpaceFrog]

et tu as un lien vers ce fichier externe ?

[vodnok]

Oui je suis pas noobs à ce point et s'il me met une erreur dans le code c'est qu'il sait lire ce code

Je suis entrain de me faire au prototype.js et je crois qu'il y a aussi des fonctions d'accès à la position du curseur. Mais je ne désèspère pas faire fonctionner la fct plus haut.