ফোকাস()
জাভাস্ক্রিপ্ট ফোকাস() পদ্ধতি একটি HTML ফর্ম উপাদান হাইলাইট করতে সাহায্য করে। এটি বর্তমান নথিতে একটি সক্রিয় উপাদান হিসাবে উপাদান সেট করে। বর্তমান ডকুমেন্টেশনে, ফোকাস শুধুমাত্র একটি একক উপাদান প্রয়োগ করা যেতে পারে. ফোকাস একটি পাঠ্য, একটি বোতাম, ইত্যাদিতে প্রয়োগ করা যেতে পারে।
সিনট্যাক্স
element.focus(options);
উদাহরণ
নিম্নলিখিত উদাহরণে, প্রাথমিকভাবে, পাঠ্য "টিউটোরিয়াল পয়েন্ট " একটি অ্যাঙ্কর ট্যাগ 'a'-এ রয়েছে, যাকে একটি আইডি হিসাবে 'ফোকাস' বলা হয়। পরে, একটি ফাংশন ঘোষণা করা হয় যেখানে একটি 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> উপরের কোডটি কার্যকর করার পরে আমরা স্ক্রিনে প্রদর্শিত নিম্নলিখিত চিত্রটি পাব।
একবার আমরা গেট ফোকাস বোতামে ক্লিক করলে আমরা নিম্নলিখিত আউটপুট পাব।
আউটপুট
