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