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

document.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:

<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);
});

Xem thêm

phương thức getBoundingClientRect,
chứa tọa độ của phần tử