জেকুয়েরি event.currentTarget প্রোপার্টি
সংজ্ঞা এবং ব্যবহার
event.currentTarget প্রোপার্টিটি হল ইভেন্ট বাবলিং ফেজে চলতি DOM এলিমেন্ট, এবং ইহা সাধারণত this এর সমান।
সিনট্যাক্স ও ব্যাখ্যা
event.currentTarget
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে event.currentTarget প্রোপার্টিতে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| event | আবশ্যক। ইভেন্ট বাইন্ডিং ফাংশন থেকে event প্যারামিটারটি এসেছে। |
event.currentTarget প্রোপার্টি সংক্রান্ত উদাহরণ
সাধারণত event.currentTarget এবং this একই(সমান):
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("h1, h2, p").click(function(event){
alert(event.currentTarget === this);
});
});
</script>
</head>
<body>
<h1>হেডিং ১</h1>
<h2>হেডিং ২</h2>
<p>একটি প্যারাগ্রাপ</p>
<p><b>নোটঃ</b> এইচটিএমএল এলিমেন্টে ক্লিক করুন। currentTarget টি "this" এর সমান, এটি "true" রিটার্ন করবে।</p>
</body>
</html>
ফলাফল
এলিমেন্টের কন্টেন্ট রিটার্ন
event.currentTarget.innerHTML ব্যবহার করে এলিমেন্টের কন্টেন্ট রিটার্ন করা।
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("h1, h2, p").click(function(event){
alert(event.currentTarget.innerHTML);
});
});
</script>
</head>
<body>
<h1>হেডিং ১</h1>
<h2>হেডিং ২</h2>
<p>একটি প্যারাগ্রাপ</p>
<p><b>নোটঃ</b> কন্টেন্ট এলার্টের জন্য যেকোন একটি এইচটিএমএল এলিমেন্টে ক্লিক করুন। "currentTarget" টি "this" এর সমান, এটি "true" রিটার্ন করবে।</p>
</body>
</html>
ফলাফল