Метод elemFromPoint - получение элемента на указанных координатах на JavaScript
Метод elemFromPoint возвращает самый
верхний элемент, который находится на указанных
координатах относительно окна просмотра.
Синтаксис
document.elemFromPoint(x, y);
Пример
Давайте найдем самый верхний элемент
в документе согласно координатам, указанным
в параметрах метода elemFromPoint. При клике
на кнопку во всплывающем окошке будет отображаться
имя тега искомого элемента:
<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);
});
:
Смотрите также
-
метод
getBoundingClientRect,
которое содержит координаты элемента