Metodo elemFromPoint

Il metodo elemFromPoint restituisce l'elemento più in alto che si trova alle coordinate specificate relative alla viewport.

Sintassi

document.elemFromPoint(x, y);

Esempio

Troviamo l'elemento più in alto nel documento in base alle coordinate specificate nei parametri del metodo elemFromPoint. Al click sul pulsante, nel popup verrà visualizzato il nome del tag dell'elemento cercato:

<div>DIV</div>
<p>P</p>
<button>Clicca</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);
});

Vedi anche

metodo getBoundingClientRect,
che contiene le coordinate dell'elemento