fullscreenchange 事件
定义和用法
fullscreenchange 事件在以全屏模式查看元素时发生。
टिप्पणी:इस इवेंट को अलग-अलग ब्राउज़रों में काम करने के लिए विशिष्ट प्रीफ़िक्स की आवश्यकता है (नीचे के अधिक उदाहरण देखें).
सुझाव:कृपया इसे उपयोग करें element.requestFullscreen() विधि को पूर्णस्क्रीन मोड में एलीमेंट को देखने के लिए उपयोग करें。
सुझाव:कृपया इसे उपयोग करें element.exitFullscreen() विधि पूर्णस्क्रीन मोड को रद्द करता है.
उदाहरण
पूर्णस्क्रीन मोड में पृष्ठ को देखते समय कुछ पाठ दिखाए जाए:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
व्याकरण
HTML में:
<element onfullscreenchange="myScript">
जावास्क्रिप्ट में:
object.onfullscreenchange = function(){myScript};
जावास्क्रिप्ट में, addEventListener() विधि का उपयोग करते हुए:
object.addEventListener("fullscreenchange", myScript);
टिप्पणी:Internet Explorer 8 या अधिक पुराने संस्करण इसे समर्थित नहीं करते addEventListener() विधि।
तकनीकी विवरण
| बुबलिंग: | समर्थित |
|---|---|
| वापस ले सकता है: | नाहीं समर्थित |
| इवेंट टाइप: | Event |
| समर्थित HTML टैग: | सभी HTML एलीमेंट |
ब्राउज़र समर्थन
शीट में नंबरों से संबंधित ब्राउज़र वे इवेंट के पूर्णता से समर्थन करने वाले पहले संस्करण को दर्शाया गया है. टिप्पणी: हर ब्राउज़र को विशिष्ट प्रीफ़िक्स की आवश्यकता है (अंगूठी में देखें):
| इवेंट | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
उदाहरण
ब्राउज़र क्रॉस-साइड लिंक पहले आवश्यक प्रीफ़िक्सः
/* मानक व्याकरण */
document.addEventListener("fullscreenchange", function() {
...
});
/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
...
});
/* Chrome, Safari और Opera */
document.addEventListener("webkitfullscreenchange", function() {
...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
...
});
