Méthode elemFromPoint

La méthode elemFromPoint renvoie l'élément le plus haut dans l'ordre d'empilement (z-index) qui se trouve aux coordonnées spécifiées par rapport à la fenêtre de visualisation (viewport).

Syntaxe

javascriptdocument.elemFromPoint(x, y);

Exemple

Trouvons l'élément le plus haut dans l'ordre d'empilement dans le document selon les coordonnées spécifiées dans les paramètres de la méthode elemFromPoint. Lors d'un clic sur le bouton, une boîte de dialogue affichera le nom de la balise de l'élément recherché :

html<div>DIV</div>
<p>P</p>
<button>Cliquer</button>

cssdiv {
  margin-top: 20px;
  margin-left: 100px;
  width: 20px;
  height: 20px;
  border: 1px solid black;
  text-align: center;
  padding: 30px;
}

p {
  margin-top: 20px;
  margin-left: 100px;
  margin-bottom: 20px;
  width: 20px;
  height: 10px;
  border: 1px solid red;
  text-align: center;
  padding: 30px;
}
button {
  margin-left: 100px;
}

javascriptlet button = document.querySelector('button');
let elem = document.elementFromPoint(108, 20);
button.addEventListener('click', ()=> {
  alert(elem.tagName);
});

Результат:

Voir aussi