coordonnées x, y actuelles du curseur dans la zone de texte en utilisant javascript

Question

Comment puis-je obtenir la position x & actuelle de mon CURSEUR dans une zone de texte en utilisant javascript. L'événement est un événement KeyUp, pas un événement de souris.

Je ne cherche pas la position actuelle du curseur en termes de coordonnées mais de coordonnées x, y.

Answer 1

La seule méthode peu fiable que je peux penser est la suivante:

1. Créer une <span> offscreen (position absolue chemin vers la gauche)
2. Donner t les mêmes caractéristiques de police que l'élément d'entrée.
3. peupler en continu avec le texte à partir de l'élément d'entrée mais avant le caret
4. Utiliser un javascript bibliothèque pour trouver la largeur de pixel de la travée offscreen
5. de l'utiliser pour déterminer l'emplacement du curseur est relative à la gauche côté de l'élément d'entrée.

Donnez-moi un coup de feu, j'aimerais entendre comment il se avère.

Answer 2

Donnez ce un coup:

$(document).ready(function(){ 
    $('textarea').bind('keyup', function(e){ 
     var $this = $(this); 
     alert('X: ' + $this.data('mousepos').x + '\nY: ' + $this.data('mousepos').y); 
    }); 

    $('textarea').bind('mousemove', function(e){ 
     $(e.target).data('mousepos', {x: e.pageX, y: e.pageY}); 
    }); 
});​ 

Workin exemple: http://jsbin.com/ibowa3/edit

Answer 3

Vous pouvez utiliser event.pagex, LayerX, clientX, screenX sont les super fonctions pour obtenir l'emplacement du curseur DOM. Voici un tutoriel simple à get mouse position.