Método elemFromPoint
El método elemFromPoint devuelve el elemento
más superior que se encuentra en las coordenadas
especificadas relativas a la ventana de visualización.
Sintaxis
document.elemFromPoint(x, y);
Ejemplo
Encontremos el elemento más superior
en el documento según las coordenadas especificadas
en los parámetros del método elemFromPoint. Al hacer clic
en el botón, en la ventana emergente se mostrará
el nombre de la etiqueta del elemento buscado:
<div>DIV</div>
<p>P</p>
<button>Click</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);
});
:
Ver también
-
método
getBoundingClientRect,
que contiene las coordenadas del elemento