coord mouse sans mouse event

Version imprimable

Bonjour,

Je m'explique :
je veux afficher un menu sous la souris lorsque l'utilisateur presse une certaine touche du clavier.
Mais je n'arrive pas a acceder aux variables de position du mulot.

Donc l'evenement est un onkeypress qui fonctionne parfaitement quelque soit le navigateur, mais l'affichage des coordonnees de la souris me donne une erreur (not a number, ou un nombre tres elever suivant le navigateur)
Code:

1 2 3 4 5 6 7 8 document.onkeypress = getKey; function getKey(e) { var key = e.keyCode ? e.keyCode : e.which; var code = String.fromCharCode(key).toLowerCase(); if (code == 'z') $('action').innerHTML = Event.pointerY(e); //pour tester, coord y de la souris affiche dans le div 'action' //cidessous le menu qui devrait apparaitre grace a wz_tooltip //TagToTip('popMenu', STICKY, true, CLICKCLOSE, true, CLOSEBTN, true); }
Auriez vous une idee pour recuperer ces informations alors que la souris est immobile (les event mouses seraient donc inactifs) ?

Merci bien

27/06/2008, 16h05
SpaceFrog

en mettant des variables globales modifiées sur le onmousemove du body ?
27/06/2008, 16h06
E.Bzz

Bonjour,

Citation:

Envoyé par Zwiter

Donc l'evenement est un onkeypress qui fonctionne parfaitement quelque soit le navigateur, mais l'affichage des coordonnees de la souris me donne une erreur (not a number, ou un nombre tres elever suivant le navigateur)

ça ne serait pas dû aux "px" stockés avec la valeur, et que certains nav interpréteraient en hexa, par exemple ?
Fait un alert() de la valeur avant conversion pour vérifier ...

A+
27/06/2008, 16h12
Zwiter

E.Bzz : il n'y a aucun probleme. Pris separement, tout fonctionne.

SpaceFrog, je ne sais pas si c'est la que tu voulais en venir, mais tu m'a donner l'idee de stocker continuellement les coordonnees de la souris (mousemove) dans des variables globales, et de faire appel a ces variables lors de l'event onkeypress.
Je vais approfondire ca, et publier mon code ici. Ca pourrait aider ceux qui tombent sur ma discussion>

Je vous remercie de votre aide :)
Z.
27/06/2008, 16h29
SpaceFrog

Zwiter :mouarf3:

Merci d'avoir traduit ...

Exemple en direct:
vga.ost.free.fr/test/mouse.php

Pourriez vous me confirmer pour ie?
Je bosse sur mac et je n'ai pu tester (avec succes) que sur opera, FF et safari.

A noter au passage que j'utilise prototype.js

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
<script language="JavaScript" type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
//evenement mouvement souris
//init les vars
var mouseX = 100;
var mouseY = 100;
//evenement
Event.observe(document, "mousemove", function(e){
	//set vars
	mouseX = Event.pointerX(e);
	mouseY = Event.pointerY(e);
	});
 
//evenement touche appuyee
document.onkeypress = getKey;
function getKey(e) {
	//recup le code dela touche, compatible avec tous les navigateurs recents
	var key = e.keyCode ? e.keyCode : e.which;
	//converti en lettre (plus explicite)
	var code = String.fromCharCode(key).toLowerCase();
	//si touche z est pressee :
	if (code == 'z') $('action').innerHTML = 'X=' + mouseX + ' Y=' + mouseY; //pour tester, coord y de la souris affiche dans le div 'action'
	}
 
</script>