DocumentOrShadowRoot.elementsFromPoint()
Baseline
Widely available
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.
Expérimental: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.
La propriété elementsFromPoint() de l'interface DocumentOrShadowRoot renvoie un tableau (array) de tous les éléments présents sous le point fourni en paramètre (relatif au viewport).
Syntaxe
js
var elements = document.elementsFromPoint(x, y);
Paramètres
Valeur de retour
Un tableau (array) d'objets element représentants les éléments du DOM concernés.
Exemples
HTML
html
<div>
<p>Du texte</p>
</div>
<p>Éléments au point 30, 20:</p>
<div id="output"></div>
JavaScript
js
var output = document.getElementById("output");
if (document.elementsFromPoint) {
var elements = document.elementsFromPoint(30, 20);
for (var i = 0; i < elements.length; i++) {
output.textContent += elements[i].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
| Specification |
|---|
| CSSOM View Module # dom-document-elementsfrompoint |
Compatibilité des navigateurs
Chargement…