focus()
জাভাস্ক্রিপ্ট focus() মেথড একটি HTML ফর্ম এলিমেন্টকে হাইলাইট করতে সাহায্য করে। এটি বর্তমান ডকুমেন্টে 해당 এলিমেন্টকে সক্রিয় (active) এলিমেন্ট হিসেবে সেট করে। বর্তমান ডকুমেন্টেশনে, focus শুধুমাত্র একটি একক এলিমেন্টে প্রয়োগ করা যেতে পারে। ফোকাস টেক্সট, বাটন ইত্যাদিতে প্রয়োগ করা যেতে পারে।
সিনট্যাক্স
element.focus(options);
উদাহরণ
নিচের উদাহরণে, প্রাথমিকভাবে "Tutorialspoint" টেক্সটি একটি 'a' অ্যাঙ্কর ট্যাগে থাকে যার আইডি 'focus'। পরে একটি ফাংশন ঘোষণা করা হয় যেখানে DOM মেথড দ্বারা আইডি কল করে focus() মেথড প্রয়োগ করা হয় যাতে টেক্সটের রঙ লাল হয়। এখানে ক্লিক ইভেন্টের জন্য একটি বাটন ব্যবহৃত হয়েছে।
<html> <head> <style>
a:focus, a:active {
color: red;
} </style> </head> <body>
<a href="https://www.tutorialspoint.com/" id="focus">Tutorialspoint</a>
<input type="button" value="getfocus" onclick="getfo()">
<script>
function getfo() {
document.getElementById("focus").focus();
}
</script> </body> </html>
উপরোক্ত কোড এক্সিকিউট করার পর স্ক্রিনে নিচের ছবিটি দেখাবে।
একবার "get focus" বাটনে ক্লিক করলে নিচের আউটপুটটি পাওয়া যাবে।
আউটপুট
