မျက်နှာပြင်အပြည့်ပြောင်းလဲမှု ဖြစ်ရပ်
ဥပမာ
စာမျက်နှာကို မျက်နှာပြင်အပြည့်မုဒ်တွင် ကြည့်ရှုသည့်အခါ စာသားအချို့ကို ပြသပါ-
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ဒြပ်စင်တစ်ခုကို မျက်နှာပြင်အပြည့်မုဒ်တွင် ကြည့်ရှုသည့်အခါ မျက်နှာပြင်အပြည့်ပြောင်းလဲမှုဖြစ်ရပ် ဖြစ်ပေါ်သည်။
မှတ်ချက်- ဤဖြစ်ရပ်သည် မတူညီသောဘရောက်ဆာများတွင် အလုပ်လုပ်ရန် သီးခြားရှေ့ဆက်များ လိုအပ်သည် (အောက်ပါဘရောက်ဆာပံ့ပိုးမှုကို ကြည့်ပါ)။
အကြံပြုချက်- မျက်နှာပြင်အပြည့်မုဒ် တွင် အစိတ်အပိုင်း တစ်ခုအား ကြည့်ရှုရန် .requestFullscreen() နည်းလမ်းကို အသုံးပြုပါ။
အကြံပြုချက်- မျက်နှာပြင်အပြည့်မုဒ်ကို ပယ်ဖျက်ရန် ဒြပ်စင် .exitFullscreen() နည်းလမ်းကို အသုံးပြု ပါ။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် အဖြစ်အပျက်ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။ မှတ်ချက်- ဘရောင်ဇာတစ်ခုစီတွင် သီးခြားရှေ့ဆက်တစ်ခု လိုအပ်သည် (ကွင်းစဥ်များကိုကြည့်ပါ)။
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() {
...
});
အထားအသို
HTML တွင်-
<element onfullscreenchange="myScript">
JavaScript တွင်-
object.onfullscreenchange = function(){myScript};
JavaScript တွင် addEventListener() method ကိုအသုံးပြု၍-
object.addEventListener("fullscreenchange", myScript);
မှတ်ချက်- addEventListener () နည်းလမ်းကို Internet Explorer 8 နှင့် အစောပိုင်းဗားရှင်းများတွင် ပံ့ပိုးမထားပါ။
နည်းပညာဆိုင်ရာအသေးစိတ်
ပူဖောင်း: | ဟုတ်ကဲ့ |
---|---|
ပယ်ဖျက်နိုင်သည်- | မရှိ |
ပွဲအမျိုးအစား- | ပွဲ |
ပံ့ပိုးထားသော HTML တဂ်များ- | HTML အစိတ်အပိုင်းအားလုံး |