Μέθοδος elemFromPoint

Η μέθοδος 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,
που περιέχει τις συντεταγμένες του στοιχείου