focus()
JavaScript focus() मेथड HTML फॉर्म एलिमेंट को हाइलाइट करने में मदद करता है। यह एलिमेंट को वर्तमान डॉक्यूमेंट में एक्टिव एलिमेंट के रूप में सेट करता है। वर्तमान डॉक्यूमेंटेशन के अनुसार, focus को केवल एक ही एलिमेंट पर लागू किया जा सकता है। फोकस को टेक्स्ट, बटन आदि पर लागू किया जा सकता है।
सिंटैक्स
element.focus(options);
उदाहरण
निम्न उदाहरण में, प्रारंभ में टेक्स्ट "Tutorialspoint" एक एंकर टैग 'a' में है, जिसकी आईडी 'focus' है। बाद में, एक फंक्शन घोषित किया जाता है जिसमें DOM मेथड का उपयोग करके आईडी को कॉल किया जाता है और इस पर focus() मेथड लागू करके टेक्स्ट "Tutorialspoint" का रंग लाल कर दिया जाता है। यहां क्लिक इवेंट के लिए एक बटन का उपयोग किया गया है।
<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>
उपरोक्त कोड को निष्पादित करने के बाद हमें स्क्रीन पर निम्न इमेज प्रदर्शित होगी।
एक बार जब हम गेट फोकस बटन पर क्लिक करते हैं तो हमें निम्न आउटपुट प्राप्त होगा।
आउटपुट
