জেকুয়েরি জাভাস্ক্রিপ্ট এঙ্গুলার এইচটিএমএল সিএসএস বুটস্ট্রাপ
ফোরাম
 

জেকুয়েরি event.target প্রোপার্টি

« জেকুয়েরি ইভেন্ট মেথডসমুহ



সংজ্ঞা এবং ব্যবহার

কোন DOM এলিমেন্টটি ইভেন্ট ট্রিগার করেছে তা event.target প্রোপার্টির মাধ্যমে রিটার্ন করা হয়।

সিনট্যাক্স ও ব্যাখ্যা

event.target 

প্যারামিটার ও তাদের ভ্যালু

নিচের টেবিলে event.target প্রোপার্টি ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ

প্যারামিটার বিবরণ
event আবশ্যক। ইভেন্ট বাইন্ডিং ফাংশন থেকে event প্যারামিটারটি এসেছে।

event.target প্রোপার্টি সংক্রান্ত উদাহরণ

কোন DOM এলিমেন্টটি ইভেন্ট ট্রিগার করেছে তা নিচের উদাহরনে দেখানো হলো

উদাহরণঃ

<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("p, button, h1").click(function(event){
        $("div").html(event.target.nodeName + " এলিমেন্ট দ্বারা ট্রিগার হয়েছে।");
    });
});
</script>
</head>
<body>

<h1>এটি একটি হেডিং</h1>
<p>এটি একটি প্যারাগ্রাফ।</p>
<button>এটি একটি বাটন</button>
<p>হেডিং, প্যারাগ্রাফ এবং বাটন এলিমেন্টে click ইভেন্ট ডিফাইন করা হয়েছে। প্রতিটি এলিমেন্টে ক্লিক করুন এবং দেখুন কোন এলিমেন্টটি ইভেন্ট ট্রিগার করেছে।</p>
<div style="color:blue;"></div>
</body>
</html>
 

ফলাফল




« জেকুয়েরি ইভেন্ট মেথডসমুহ