HTML DOM hasFocus() मेथड

HTML DOM hasFocus() मेथड यह जानने के लिए उपयोग किया जाता है कि दस्तावेज़ या दस्तावेज़ के अंदर किसी तत्व का फोकस है या नहीं। यह एक बूलियन मान लौटाकर ऐसा करता है जिसमें true दर्शाता है कि दस्तावेज़/तत्व का फोकस है और false इसके विपरीत।

सिंटैक्स

hasFocus() मेथड के लिए सिंटैक्स:

document.hasFocus()

उदाहरण

आइए hasFocus() मेथड का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>hasFocus() मेथड</h1> 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> 
<button id="BTN1">CHECK </button> 
<script> 
  setInterval("checkFocus()", 20); 
  function checkFocus() { 
    var b = document.getElementById("BTN1"); 
    if (document.hasFocus()) { 
      b.innerHTML = "FOCUSED"; 
    } else { 
      b.innerHTML = "NOT FOCUSED"; 
    } 
  } 
</script> </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट देगा:

HTML DOM hasFocus() मेथड

दस्तावेज़ में कहीं भी क्लिक करने पर, NOT FOCUSED FOCUSED में बदल जाएगा:

HTML DOM hasFocus() मेथड

उदाहरण की व्याख्या

उपरोक्त उदाहरण में:

हमने एक फंक्शन checkFocus() बनाया जो getElementById() मेथड का उपयोग करके बटन तत्व को प्राप्त करता है। फिर यह यह जानने के लिए hasFocus() मेथड को कॉल करता है कि दस्तावेज़ का फोकस है या नहीं और तदनुसार कंडीशनल स्टेटमेंट्स को एक्ज़िक्यूट करता है। यह बटन पर अलग-अलग टेक्स्ट प्रदर्शित करता है यदि document.hasFocus() true या false लौटाता है:

function checkFocus() { 
  var b = document.getElementById("BTN1"); 
  if (document.hasFocus()) { 
    b.innerHTML = "FOCUSED"; 
  } else { 
    b.innerHTML = "NOT FOCUSED"; 
  } 
}

चूंकि दस्तावेज़ पर क्लिक करने से यह हमेशा फोकस्ड हो जाएगा, हम setInterval() मेथड का उपयोग करते हैं जो हर 20 मिलीसेकंड में checkFocus() मेथड को एक्ज़िक्यूट करके चेक करता है कि दस्तावेज़ वर्तमान में फोकस्ड है या नहीं:

setInterval("checkFocus()", 20);