Document: phương thức elementsFromPoint()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Phương thức elementsFromPoint() của giao diện Document trả về một mảng gồm tất cả các phần tử tại tọa độ đã chỉ định (tương đối so với viewport). Các phần tử được sắp xếp từ hộp trên cùng đến hộp dưới cùng của viewport.

Nó hoạt động tương tự như phương thức elementFromPoint().

Cú pháp

js
elementsFromPoint(x, y)

Tham số

x

Tọa độ ngang của một điểm.

y

Tọa độ dọc của một điểm.

Giá trị trả về

Một mảng các đối tượng Element, được sắp xếp từ hộp trên cùng đến hộp dưới cùng của viewport.

Ví dụ

HTML

html
<div>
  <p>Some text</p>
</div>
<p>Các phần tử tại điểm 30, 20:</p>
<div id="output"></div>

JavaScript

js
let output = document.getElementById("output");
if (document.elementsFromPoint) {
  let elements = document.elementsFromPoint(30, 20);
  elements.forEach((elt, i) => {
    output.textContent += elt.localName;
    if (i < elements.length - 1) {
      output.textContent += " < ";
    }
  });
} else {
  output.innerHTML = `<span style="color: red">
  Trình duyệt không hỗ trợ
  <code>document.elementsFromPoint()</code>
</span>
`;
}

Đặc tả kỹ thuật

Specification
CSSOM View Module
# dom-document-elementsfrompoint

Tương thích trình duyệt

Xem thêm