Methode elemFromPoint

De methode elemFromPoint retourneert het bovenste element dat zich op de gespecificeerde coördinaten ten opzichte van de viewport bevindt.

Syntaxis

javascriptdocument.elemFromPoint(x, y);

Voorbeeld

Laten we het bovenste element in het document vinden volgens de coördinaten, gespecificeerd in de parameters van de methode elemFromPoint. Bij een klik op de knop wordt in het pop-upvenster de tagnaam van het gezochte element weergegeven:

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

Результат:

Zie ook