jQuery: événement mousemove - à gauche, à droite à l'intérieur de l'élément
Je veux obtenir de la souris coords d'un div, comme ceci:
$("#box").mousemove(function(e){
var x = e.pageX - this.offsetLeft;
var y = e.pageY - this.offsetTop;
document.getElementById("coords").innerHTML = x + ", " + y; });
Mais je veux aussi être en mesure de dire si le curseur a été déplacé vers la gauche ou la droite; je sais que je n'ai qu'à comparer la position actuelle de la souris avec la précédente, mais je n'ai aucune idée de comment faire dans ce cas.
Toute aide appréciée. Merci
Voir aussi stackoverflow.com/a/2725963/287948
OriginalL'auteur user1207524 | 2012-12-27
Vous devez vous connecter pour publier un commentaire.
Le jquery, le code pour obtenir la position de la souris est la suivante
Évidemment, vous devez avoir un div appelé "statut"
Pour vérifier si le curseur se déplace vers la gauche ou vers la droite, vous avez raison, vous devez stocker la position précédente et de le comparer avec le nouveau.
Ici, je vous ai écrit l'exemple complet:
http://jsfiddle.net/cB9Wq/
_ EDIT :
Si vous avez besoin pour obtenir les coordonnées à l'intérieur d'un div que vous devez savoir aussi la position de la div:
Pour vérifier si la souris se dirige vers la gauche ou vers la droite, j'ai utilisé cette sintax:
NB: C'est l'équivalent de:
Vous avez ici l'exemple de travail: http://jsfiddle.net/cB9Wq/2/
J'ai posté, vous l'exemple de travail avec la position à l'intérieur d'un div. 😉
OriginalL'auteur Danilo
Vous pouvez utiliser la solution suivante:
OriginalL'auteur redrom