জাভাস্ক্রিপ্টে ফোকাস এবং ব্লার পদ্ধতি
আপনি ইতিমধ্যেই জানেন ইনপুট ফোকাস কি। আপনি এটাও জানেন কিভাবে ফোকাস সেট বা অপসারণ করতে হয়: ফোকাস সেট করার জন্য ইনপুট ফিল্ডে ক্লিক করতে হবে, আর অপসারণ করার জন্য অন্য কোথাও ক্লিক করতে হবে।
জাভাস্ক্রিপ্টে, তবে, বিশেষ পদ্ধতি রয়েছে
যা জোরপূর্বক ইনপুটে ফোকাস সেট করতে
বা সেখান থেকে সরিয়ে দিতে দেয়। এগুলো
হল focus এবং blur পদ্ধতি।
চলুন একটি উদাহরণে এদের কাজ দেখি। ধরি আমাদের কাছে একটি ইনপুট এবং একটি বাটন আছে:
<input id="elem" value="text">
<input type="submit" id="button">
চলুন বাটনে ক্লিক করলে ইনপুটে ফোকাস সেট করি:
let elem = document.querySelector('#elem');
let button = document.querySelector('#button');
button.addEventListener('click', function() {
elem.focus();
});
দুটি ইনপুট দেওয়া আছে। এমন করুন যাতে দুটি অক্ষর লিখার পর ইনপুট ফোকাস দ্বিতীয় ইনপুটে চলে যায়, এবং সেখানে দুটি অক্ষর লিখার পর - সেখান থেকে ফোকাস সরে যায়।
