Possible en double:
Screen Coordinates of a element, via JavascriptComment obtenir la balise html à l'écran?
Alors ce que je dois est simple - savoir où sur l'écran des utilisateurs (pas la fenêtre du navigateur) coin supérieur gauche de l'élément est?
Sur de l'utilisateur écran? Tu ne peux pas faire ça. Je suis sûr que vous pourriez coder quelque chose comme ça avec une applet Java ou similaire, mais pas avec JavaScript.
Le plus proche que vous pouvez obtenir est en obtenant la position de la fenêtre du navigateur en utilisant les window.screenX et window.screenY propriétés sur IE, et window.screenLeft, propriétés etc sur d'autres navigateurs, puis obtenir le décalage relatif de l'élément en utilisant la méthode described here (de la réponse de Breezer), et en ajoutant les coordonnées ensemble. Malheureusement, cela ne tient pas compte des barres d'outils ou des barres latérales dans le navigateur, donc c'est vraiment estimation approximative. Ne faites pas cela si vous avez besoin d'être précis à 100%.
En fait, vous pouvez. Voir la réponse de Breezer. –
@El Yobo: Il a dit l'écran de l'utilisateur, "PAS la fenêtre du navigateur". À moins que je ne comprenne mal la question, vous ne pouvez pas comprendre la position de la fenêtre du navigateur sur l'écran avec JavaScript, donc vous ne pouvez pas faire cela. –
@ElYobo - cette réponse est incorrecte, relisez la question - celui-ci est correct. –
si vous utilisez jquery vous pouvez utiliser http://api.jquery.com/position/ autre sage, vous devez utiliser décalage lire davantage ici http://www.quirksmode.org/js/findpos.html
Ceci le trouve dans la ** fenêtre du navigateur **, pas dans ** l'écran ** ... explicitement ce que la question a demandé * pas * de trouver. –
Si vous connaissez la position dans la fenêtre, vous pouvez obtenir le décalage de la fenêtre de window.screen, sûrement? –
@Paul - Non, même si vous ne connaissez pas la taille de la barre d'outils, etc., vous ne pouvez pas commencer par la position. –
Il semble que cela soit possible après tout; voir cet article w3schools (IE) et cet autre w3schools (Chrome et FF). Cependant, je ne l'ai pas testé moi-même.
Sur les navigateurs sauf Chrome et FF, utilisez window.screenLeft et window.screenTop. Sur Chrome et FF, utilisez window.screenX et window.screenY (j'ai testé cela dans Chrome, ça marche là-bas).
Votre lien indique clairement que ceci * ne fonctionne pas dans Chrome ou Firefox. Pour la seconde, ce n'est pas correct, encore une fois cela donne la ** fenêtre ** (toute la fenêtre, pas la zone de la page) coin supérieur gauche - vous ne savez toujours pas à quelle distance entre cela et la zone de la page. –
@Nick - J'ai deux liens. Le premier indique également quelles valeurs utiliser pour FF et Chrome. –
@ElYobo - S'il vous plaît voir mes commentaires sur l'autre réponse, ce n'est pas correct. Pas mon downvote ... mais cela a déjà été discuté dans les commentaires sur la question déjà :) –
... et en supposant que vous puissiez obtenir cette information ... qu'allez-vous en faire? –