Phương thức elemFromPoint

Phương thức elemFromPoint trả về phần tử trên cùng nhất, nằm ở các tọa độ được chỉ định so với khung nhìn.

Cú pháp

javascriptdocument.elemFromPoint(x, y);

Ví dụ

Hãy tìm phần tử trên cùng nhất trong tài liệu theo các tọa độ được chỉ định trong các tham số của phương thức elemFromPoint. Khi nhấp chuột vào nút, cửa sổ bật lên sẽ hiển thị tên thẻ của phần tử cần tìm:

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

Результат:

Xem thêm