আপনি ফোকাস() ধারণা ব্যবহার করতে পারেন। নিম্নলিখিত জাভাস্ক্রিপ্ট কোড -
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<span class="TEXT_FOCUS" tabindex="-1"><center>TEXT BOX FOR
FOCUS</center></span><br>
<button id="focusButton">click me to get the tab on focus</button>
<script>
document.getElementById('focusButton').addEventListener('click', function() {
document.querySelectorAll('.TEXT_FOCUS')[0].focus();
});
</script>
</body>
</html> উপরের প্রোগ্রামটি চালানোর জন্য, ফাইলের নাম anyName.html(index.html) সংরক্ষণ করুন এবং ফাইলটিতে ডান ক্লিক করুন এবং VS কোড এডিটরে লাইভ সার্ভারের সাথে খোলা বিকল্পটি নির্বাচন করুন।
আউটপুট
আপনি যখন বোতামে ক্লিক করেন, ফোকাস একটি নির্দিষ্ট উপাদানের উপর থাকবে। স্ন্যাপশটটি নিম্নরূপ -
