elemFromPoint পদ্ধতি

elemFromPoint পদ্ধতি সবচেয়ে উপরের উপাদানটি ফেরত দেয়, যেটি দেখার উইন্ডোর相对于 নির্দিষ্ট স্থানাঙ্কে অবস্থিত।

বাক্য গঠন

document.elemFromPoint(x, y);

উদাহরণ

আসুন elemFromPoint পদ্ধতির প্যারামিটারে নির্দিষ্ট স্থানাঙ্ক অনুযায়ী ডকুমেন্টের সবচেয়ে উপরের উপাদানটি খুঁজে বের করি। বাটনে ক্লিক করলে পপ-আপ উইন্ডোতে খোঁজা উপাদানের ট্যাগের নাম প্রদর্শিত হবে:

<div>DIV</div>
<p>P</p>
<button>ক্লিক করুন</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 পদ্ধতি,
যাতে উপাদানের স্থানাঙ্ক থাকে