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

document.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é :

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

div {
	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;
}

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

Voir aussi

la méthode getBoundingClientRect,
qui contient les coordonnées d'un élément