জেকুয়েরি event.relatedTarget প্রোপার্টি
সংজ্ঞা এবং ব্যবহার
মাউসের কার্সর কোন এলিমেন্টের উপর নড়াচড়া করা হচ্ছে তা event.relatedTarget প্রোপার্টির মাধ্যমে রিটার্ন করা হয়।
সিনট্যাক্স ও ব্যাখ্যা
event.relatedTarget
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে event.relatedTarget প্রোপার্টিতে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| event | আবশ্যক। ইভেন্ট বাইন্ডিং ফাংশন থেকে event প্যারামিটারটি এসেছে। |
event.relatedTarget প্রোপার্ট সংক্রান্ত উদাহরণ
কিভাবে একটি এলিমেন্টের রিলেটেড টার্গেট রিটার্ন করে তা নিচের উদাহরনে দেখানো হলো
উদাহরণঃ
<!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(){
$("div, p").mouseenter(function(event){
$("#messege").html("সম্পর্কিত টার্গেটটি হলো: " + event.relatedTarget.nodeName);
});
});
</script>
</head>
<body>
<div style="height:150px;border:solid">এটি div এলিমেন্ট
<p style="background-color:green">এটি একটি প্যারাগ্রাফ।</p>
</div><br>
<span id="messege"></span>
</body>
</html>
ফলাফল