Coordonnées souris après onBlur

**ErOBaKa** · 30/06/2010, 17h00

Bonjour,

Je souhaite obtenir les coordonnées de la souris apres la perte du focus d'un element input.
Voici le code :

Code :

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

1
2
3
4
5
6
<input type="text" id="champ_test"/>
<script type="text/javascript">
 document.getElementById('champ_test').onblur=function(e){
  var evt=window.event || e;
  alert(evt.clientX+" : "+evt.clientY);
</script>

Ca marche bien sous IE mais sous Firefox ou Chrome j'obtiens comme résultat "undefined : undefined"

En remplaçant "onblur" par "onclick" ca marche sur les 3 navigateurs ... mais bon c'est le onblur qui m'intéresse ^^

Merci par avance de votre aide

**Bovino** · 30/06/2010, 17h57

onblur n'est pas de type MouseEvent, donc clientX et clientY n'ont pas vraiment de sens et ne sont donc pas implémentés dans cette interface...

http://www.w3.org/TR/DOM-Level-2-Eve...nts-MouseEvent

**Watilin** · 30/06/2010, 18h27

Bonjour,
je propose une solution, mais elle tient plus du bricolage que d’autre chose…

L’idée c’est de surveiller les mouvements de la souris sur tout le document, et de stocker les x et y dans des variables (globales, encapsulées, ou autre selon ta façon de faire).
Ainsi on les a en permanence sous la main, et on peut s’en servir quand survient le blur.

Je trouve pas ça super élégant mais, là comme ça, y’a rien d’autre qui me vient à l’esprit.

**Bovino** · 30/06/2010, 19h45

Envoyé par ErOBaKa

Ok merci pour la réponse.
Cependant ca marche sous IE donc bizarre ...
Je vais essayer de trouver une alternative

Bizarre que IE ne respecte pas les specs du W3C

Tu es nouveau en développement Web non ?

Envoyé par Watilin

Bonjour,
je propose une solution, mais elle tient plus du bricolage que d’autre chose…

L’idée c’est de surveiller les mouvements de la souris sur tout le document, et de stocker les x et y dans des variables (globales, encapsulées, ou autre selon ta façon de faire).
Ainsi on les a en permanence sous la main, et on peut s’en servir quand survient le blur.

Je trouve pas ça super élégant mais, là comme ça, y’a rien d’autre qui me vient à l’esprit.

Effectivement, cette solution n'est pas particulièrement élégante par rapport à "l'esprit" du langage, mais est certainement la meilleure

Pour l'anecdote, c'est cette solution qui a été adoptée par Peter-Paul Koch dans sa gestion du drag and drop : Créer une fonctionnalité drag and drop sur votre site