Elementposition relativ zu Moniter mit Javascript erhalten

Question

Gibt es eine Möglichkeit, die Position eines Elements (sagen wir eine Schaltfläche) relativ zum gesamten Monitor zu erhalten, nicht nur die Seite, mit der ich arbeite? Alle Lösungen, die ich bisher gefunden habe, können die Position des Elements auf der Seite finden, aber ich frage mich, ob ich sagen kann, wo die Schaltfläche auf dem Bildschirm als Ganzes ist, nicht nur auf meiner Seite.

Answer 1

einschließlich Taskleisten:

window.screen.availHeight 
window.screen.availWidth 

einschließlich nicht

window.screen.width 
window.screen.height 

auf allen wichtigen mobilen Geräten unterstützt so, wenn Sie wissen, wo die Taskleisten sitzen, es ist eine einfache Berechnung der Differenz, um herauszufinden, ... . dann gilt es zu jquerys Offset-Funktion:

$('#myElement').offset().top 
$('#myElement').offset().left 

oder roh js:

var myElement = document.getElementById('myElement'); 

myElement.offsetTop 
myElement.offsetLeft 

hoffe das hilft! :)

Answer 2

Sie können nicht wissen, wo der Browser im Betriebssystem Render ist. Einige Browser unterstützen es, aber es ist nicht garantiert, dass dies überall funktioniert. Und in denen, die es unterstützen, gibt es mehrere Rand Fälle, die Sie nicht kontrollieren können (wie mehrere Monitore)