Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट फोकस () विधि कैसे काम करती है?

<घंटा/>

फोकस ()

जावास्क्रिप्ट फोकस () विधियाँ 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>

उपरोक्त कोड को निष्पादित करने के बाद हम स्क्रीन पर निम्न छवि प्रदर्शित करेंगे।


जावास्क्रिप्ट फोकस () विधि कैसे काम करती है?


एक बार जब हम फ़ोकस प्राप्त करें बटन पर क्लिक करते हैं तो हमें निम्न आउटपुट प्राप्त होगा।

आउटपुट

जावास्क्रिप्ट फोकस () विधि कैसे काम करती है?


  1. जावास्क्रिप्ट ऑब्जेक्ट में कोई विधि कैसे जोड़ें?

    ऑब्जेक्ट में कोई विधि जोड़ना जावास्क्रिप्ट ऑब्जेक्ट में कोई विधि जोड़ना ऑब्जेक्ट कंस्ट्रक्टर में कोई विधि जोड़ने से आसान है . कार्य पूर्णता सुनिश्चित करने के लिए हमें मौजूदा संपत्ति को विधि निर्दिष्ट करने की आवश्यकता है। उदाहरण निम्नलिखित उदाहरण में, प्रारंभ में, ऑब्जेक्ट प्रकार बनाया गया है और ब

  1. कैसे getElementByID जावास्क्रिप्ट में काम करता है?

    getElementById getElementById() एक DOM विधि है उस तत्व को वापस करने के लिए उपयोग किया जाता है जिसमें निर्दिष्ट मान के साथ आईडी विशेषता होती है। यह HTML DOM . में सबसे आम तरीकों में से एक है और लगभग हर बार जब हम अपने दस्तावेज़ पर किसी तत्व में हेरफेर करना चाहते हैं तो इसका उपयोग किया जाता है। य

  1. एक जावास्क्रिप्ट कंस्ट्रक्टर के लिए एक संपत्ति, विधि कैसे जोड़ें?

    जावास्क्रिप्ट कंस्ट्रक्टर में प्रॉपर्टी, विधि जोड़ने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <t