Hoe kan ik met Javascript het element op een bepaalde positie identificeren? Eigenlijk ben ik op zoek naar een functie die twee invoerparameters nodig heeft (de x- en y-coördinaten) en het html-element retourneert op de positie op het scherm die wordt weergegeven door de parameters.
Antwoord 1, autoriteit 100%
document.elementFromPoint(x, y)
document.elementsFromPoint(x, y)
https://drafts.csswg.org/cssom-view/# dom-document-elementfrompoint
https://developer.mozilla.org/en- VS/docs/Web/API/Document/elementFromPoint
https://developer.mozilla.org/en-US/docs /Web/API/Document/elementsFromPoint
Antwoord 2, autoriteit 11%
U kunt de native JavaScript-methode elementFromPoint(x, y)
gebruiken, die het element op de coördinaten x,y in de viewport retourneert.
Bekijk het elementFromPoint w3c-concept
En een codevoorbeeld:
function changeColor(newColor) {
// Get the element placed at coords (2, 2)
var elem = document.elementFromPoint(2, 2);
// Set the foreground color to the element
elem.style.color = newColor;
}
<p id="para1">Change this text color using the following buttons.</p>
<button onclick="changeColor('blue');">Blue</button>
<button onclick="changeColor('red');">Red</button>
Antwoord 3
Om het bovenste element op een specifieke positie ten opzichte van de viewport te krijgen, document.elementFromPoint(x, y)
kan worden gebruikt.
Om een array van alle elementen op een specifieke positie te verkrijgen, gebruikt u document.elementsFromPoint(x, y)
.
In beide gevallen is x
de horizontale coördinaat die relatief is aan de linkerkant van het kijkvenster en y
is de verticale coördinaat die relatief is aan de bovenkant van het kijkvenster .