জেকুয়েরি focus() মেথড
সংজ্ঞা এবং ব্যবহার
একটি এলিমেন্টকে ফোকাস করা হলেই focus ইভেন্ট ঘটে।
focus() মেথড focus ইভেন্ট ট্রিগার করে, অথবা focus ইভেন্ট ঘটলে রান করার জন্য একটি ফাংশন সংযুক্ত করে।
টিপস: এই মেথডটি প্রায়ই blur() মেথডের সাথে একত্রে ব্যবহার করা হয়।
সিনট্যাক্স ও ব্যাখ্যা
নির্বাচিত এলিমেন্টের জন্য focus ইভেন্ট ট্রিগার:
$(selector).focus()
focus ইভেন্টে একটি ফাংশন যোগ:
$(selector).focus(function)
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে focus() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| function | ঐচ্ছিক। focus ইভেন্ট ঘটলে যে ফাংশনটি রান হবে তা নির্দেশ করে। |
focus() মেথড সংক্রান্ত উদাহরণ
focus ইভেন্টে একটি ফাংশন সংযুক্ত করে। <input> ফিল্ডটি ফোকাস হলে focus ইভেন্ট ঘটে:
উদাহরণঃ
<!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(){
$("input").focus(function(){
$("span").css("display", "inline").fadeOut(2000);
});
});
</script>
<style>
span {
display: none;
}
</style>
</head>
<body>
<input>
<span>আপনার সাথে মিলিত হয়ে খুবই ভাল লাগছে!</span>
<p>ফোকাস পাওয়ার জন্য ইনপুট ফিল্ডে ক্লিক করুন।</p>
</body>
</html>
ফলাফল