फुलस्क्रीनचेंज इवेंट
उदाहरण
पृष्ठ को फ़ुलस्क्रीन मोड में देखे जाने पर कुछ पाठ प्रदर्शित करें:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
परिभाषा और उपयोग
फ़ुलस्क्रीनचेंज इवेंट तब होता है जब कोई तत्व फ़ुलस्क्रीन मोड में देखा जाता है।
नोट: इस घटना के लिए अलग-अलग ब्राउज़रों में काम करने के लिए विशिष्ट उपसर्गों की आवश्यकता होती है (नीचे ब्राउज़र समर्थन देखें)।
युक्ति: किसी तत्व को फ़ुलस्क्रीन मोड में देखने के लिए तत्व .requestFullscreen() विधि का उपयोग करें ।
युक्ति: पूर्णस्क्रीन मोड को रद्द करने के लिए तत्व .exitFullscreen() विधि का उपयोग करें ।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से ईवेंट का समर्थन करता है। नोट: प्रत्येक ब्राउज़र को एक विशिष्ट उपसर्ग की आवश्यकता होती है (कोष्ठक देखें):
Event | |||||
---|---|---|---|---|---|
fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
उदाहरण
क्रॉस-ब्राउज़र कोड के लिए उपसर्गों का उपयोग करना:
/* Standard syntax */
document.addEventListener("fullscreenchange",
function() {
...
});
/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
...
});
/* Chrome, Safari and Opera */
document.addEventListener("webkitfullscreenchange",
function() {
...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
...
});
वाक्य - विन्यास
एचटीएमएल में:
<element onfullscreenchange="myScript">
जावास्क्रिप्ट में:
object.onfullscreenchange = function(){myScript};
जावास्क्रिप्ट में, addEventListener() विधि का उपयोग करना:
object.addEventListener("fullscreenchange", myScript);
नोट: AddEventListener () विधि Internet Explorer 8 और पुराने संस्करणों में समर्थित नहीं है।
टेक्निकल डिटेल
बुलबुले: | हां |
---|---|
रद्द करने योग्य: | नहीं |
घटना प्रकार: | आयोजन |
समर्थित HTML टैग: | सभी HTML तत्व |