Document : méthode elementsFromPoint()
Baseline
Large disponibilité
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis janvier 2020.
La méthode elementsFromPoint() de l'interface Document retourne un tableau de tous les éléments aux coordonnées définies (relativement à la zone d'affichage).
Les éléments sont ordonnés du plus haut au plus bas dans la zone d'affichage.
Elle fonctionne de manière similaire à la méthode elementFromPoint().
Syntaxe
js
elementsFromPoint(x, y)
Paramètres
Valeur de retour
Un tableau d'objets Element représentant les éléments situés aux coordonnées définies, ordonnés du plus haut au plus bas dans la zone d'affichage.
Exemples
>HTML
html
<div>
<p>Du texte</p>
</div>
<p>Éléments au point 30, 20 :</p>
<div id="output"></div>
JavaScript
js
let output = document.getElementById("output");
if (document.elementsFromPoint) {
let elements = document.elementsFromPoint(30, 20);
elements.forEach((elt, i) => {
output.textContent += elt.localName;
if (i < elements.length - 1) {
output.textContent += " < ";
}
});
} else {
output.innerHTML = `<span style="color: red">
Votre navigateur ne prend pas en charge
<code>document.elementsFromPoint()</code>
</span>
`;
}
Résultat
Spécifications
| Spécification |
|---|
| CSSOM View Module> # dom-document-elementsfrompoint> |
Compatibilité des navigateurs
Voir aussi
- La méthode
Document.elementFromPoint()