Possible d'obtenir les coordonnées de souris actuelles avec Javascript?Possible d'obtenir les coordonnées de souris actuelles avec Javascript?
8
A
Répondre
6
Source: http://javascript.internet.com/page-details/mouse-coordinates.html
<form name="Show">
X
<input type="text" name="MouseX" value="0" size="4">
<br>
Y
<input type="text" name="MouseY" value="0" size="4">
<br>
</form>
<script language="JavaScript">
var IE = document.all ? true : false;
if (!IE) {
document.captureEvents(Event.MOUSEMOVE)
}
document.onmousemove = getMouseXY;
var tempX = 0;
var tempY = 0;
function getMouseXY(e) {
if (IE) {// grab the x-y pos.s if browser is IE
tempX = e.clientX + document.body.scrollLeft;
tempY = e.clientY + document.body.scrollTop;
} else {// grab the x-y pos.s if browser is NS
tempX = e.pageX;
tempY = e.pageY;
}
if (tempX < 0) {
tempX = 0;
}
if (tempY < 0) {
tempY = 0;
}
document.Show.MouseX.value = tempX;
document.Show.MouseY.value = tempY;
return true;
}
</script>
0
Cela peut être fait. Juste googlé et a obtenu le code suivant
if (IE) { // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
}
0
vous pouvez obtenir coordinats de la souris dans le navigateur like this.
1
Here est une fonction compacte avec une démonstration, il renvoie la valeur de coordonnées dans .x et .y:
function mouseCoords(ev){
// from http://www.webreference.com/programming/javascript/mk/column2/
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}
(j'ai trouvé quirksmode être un bon ressource de la sagesse JavaScript Here est l'arrière-plan de la fonction au cas où vous voulez creuser plus profond.)
Questions connexes
- 1. JavaScript: Créer un événement avec les coordonnées actuelles de la souris
- 2. JFreeChart obtient les coordonnées de la souris
- 3. Trouver les coordonnées géographiques actuelles du script Python
- 4. Coordonnées de la souris Yui sur l'élément
- 5. Coordonner les coordonnées du cercle en Javascript
- 6. Obtenir les coordonnées d'une carte image avec un clic de souris
- 7. vitesse de suivi de la souris Javascript
- 8. Firefox: Obtenir les coordonnées de la souris du coin supérieur gauche de la fenêtre
- 9. En JS, comment puis-je obtenir les coordonnées de la souris à l'intérieur d'un DIV?
- 10. javascript - Récupérer le contrôle html en spécifiant les coordonnées
- 11. Comment obtenir les coordonnées de la souris lors d'un clic sur un contrôle?
- 12. Est-il possible d'utiliser vim avec la souris
- 13. Est-il possible d'utiliser des coordonnées de texture/matrice avec des sprites point OpenGL?
- 14. Javascript: Est-il possible d'obtenir la position de la souris en dehors d'un gestionnaire d'événements?
- 15. Comment convertir les coordonnées de l'espace écran en coordonnées de l'espace image dans un PictureFox WinForms?
- 16. Mettre les valeurs de route actuelles/url dans le formulaire
- 17. Commande mysql pour afficher les variables de configuration actuelles
- 18. comment obtenir les coordonnées UIImageView?
- 19. Obtenir les coordonnées GPS de Samsung Intrepid
- 20. intersection de point-triangle en 3d à partir des coordonnées de la souris?
- 21. Système de coordonnées CALayer
- 22. Trouver les coordonnées de chaque lien dans une page
- 23. Recherche des coordonnées de carreaux recouverts d'un rectangle avec les coordonnées de pixels x, y, w, h
- 24. annuler les événements souris
- 25. En Javascript, puis-je obtenir les coordonnées exactes sur du texte encombré de tags (childNodes partout?)
- 26. Problème de coordonnées OpenGL
- 27. Problèmes de réplication du glisser-déposer avec les événements souris
- 28. Détection de coordonnées par téléphone mobile
- 29. Problème de coordonnées de commande
- 30. C++ Transformation de coordonnées OpenGL
Modifié un peu mais a bien fonctionné sur m y Tests: IE6, IE7 et FF3 –