HTML DOM exitFullscreen() मेथड

HTML DOM exitFullscreen() मेथड का उपयोग वर्तमान में फुल स्क्रीन मोड में मौजूद किसी तत्व को उस मोड से बाहर निकालने के लिए किया जाता है। यदि यह किसी ऐसे तत्व पर एक्ज़िक्यूट किया जाता है जो पहले से फुल स्क्रीन मोड में नहीं है तो यह कुछ नहीं करता।

सिंटैक्स

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

HTMLElementObject.exitFullscreen()

उदाहरण

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

<!DOCTYPE html> <html> <head> 
<style> 
  var docEle = document.documentElement; 
  function GoNormal() { 
    if (document.exitFullscreen) 
      document.exitFullscreen(); 
  } 
  function GoFullscreen() { 
    if (docEle.requestFullscreen) 
      docEle.requestFullscreen(); 
  } 
</style> </head> <body> 
<h1>exitFullscreen() मेथड उदाहरण</h1> 
<img src="EiffelTower.jpg" width="200px" height="200px"> 
<p>एफिल टॉवर 28 जनवरी 1887 को बनाया गया था</p> 
<button onclick="GoFullscreen();">Fullscreen View</button> 
<button onclick="GoNormal();">Normal view</button> 
</body> </html>

आउटपुट

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

HTML DOM exitFullscreen() मेथड

Fullscreen View पर क्लिक करने पर:

HTML DOM exitFullscreen() मेथड

आप कीबोर्ड पर Esc कुंजी दबाकर या "Normal view" बटन पर क्लिक करके मूल स्क्रीन आकार पर वापस आ जाएंगे।

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

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

हमने दो बटन "FullScreen View" और "Normal View" बनाए जो यूज़र द्वारा क्लिक किए जाने पर क्रमशः GoFullScreen() या GoNormal() फंक्शन को एक्ज़िक्यूट करेंगे:

<button onclick="GoFullscreen();">Fullscreen View</button> 
<button onclick="GoNormal();">Normal view</button>

GoFullscreen() फंक्शन दस्तावेज़ का रूट तत्व प्राप्त करता है जो HTML दस्तावेज़ों में एक <html> तत्व होता है। फिर यह document के बूलियन requestFullScreen प्रॉपर्टी मान को प्राप्त करके चेक करता है कि स्क्रीन पहले से फुलस्क्रीन मोड में नहीं है। यदि यह फुलस्क्रीन व्यू में नहीं है, तो यह <html> तत्व का उपयोग करके requestFullScreen() मेथड को एक्ज़िक्यूट करता है। आप कोई अन्य तत्व भी ले सकते हैं और यह केवल उस तत्व के लिए फुल स्क्रीन सक्षम करेगा:

function GoFullscreen() { 
  if (docEle.requestFullscreen) 
    docEle.requestFullscreen(); 
}

GoNormal() फंक्शन document के exitFullScreen बूलियन प्रॉपर्टी मान को प्राप्त करके चेक करता है कि स्क्रीन पहले से नॉर्मल व्यू में नहीं है। यदि स्क्रीन नॉर्मल व्यू में नहीं है तो यह document के exitFullScreen() मेथड को एक्ज़िक्यूट करता है:

function GoNormal() { 
  if (document.exitFullscreen) 
    document.exitFullscreen(); 
}