ဖြစ်ရပ်ကို အရွယ်အစားပြောင်းပါ ။
ဥပမာ
ဘရောက်ဆာဝင်းဒိုးကို အရွယ်အစားပြောင်းသည့်အခါ JavaScript ကို လုပ်ဆောင်ပါ-
<body onresize="myFunction()">
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ဘရောက်ဆာဝင်းဒိုးကို အရွယ်အစားပြောင်းလိုက်သောအခါတွင် အွန်လိုင်းအရွယ်အစားဖြစ်ရပ်သည် ဖြစ်ပေါ်သည်။
အကြံပြုချက်- ဒြပ်စင်တစ်ခု၏ အရွယ်အစားကို ရယူရန်၊ clientWidth၊ clientHeight၊ innerWidth ၊ innerHeight ၊ outerWidth ၊ outerHeight ၊ offsetWidth နှင့်/သို့မဟုတ် offsetHeight ဂုဏ်သတ္တိများကို အသုံးပြုပါ။
Browser ပံ့ပိုးမှု
Event | |||||
---|---|---|---|---|---|
onresize | Yes | Yes | Yes | Yes | Yes |
အထားအသို
HTML တွင်-
<element onresize="myScript">
JavaScript တွင်-
object.onresize = function(){myScript};
JavaScript တွင် addEventListener() method ကိုအသုံးပြု၍-
object.addEventListener("resize", myScript);
မှတ်ချက်- addEventListener () နည်းလမ်းကို Internet Explorer 8 နှင့် အစောပိုင်းဗားရှင်းများတွင် ပံ့ပိုးမထားပါ။
နည်းပညာဆိုင်ရာအသေးစိတ်
ပူဖောင်း: | မရှိ |
---|---|
ပယ်ဖျက်နိုင်သည်- | မရှိ |
ပွဲအမျိုးအစား- | UiEvent ကို အသုံးပြုသူ အင်တာဖေ့စ်မှ ထုတ်လုပ်ပါက၊ Event မဟုတ်လျှင် |
ပံ့ပိုးထားသော HTML တဂ်များ- | <body> |
DOM ဗားရှင်း- | အဆင့် 2 ပွဲများ |
နောက်ထပ် ဥပမာများ
ဥပမာ
addEventListener() နည်းလမ်းကို အသုံးပြု၍ window object တွင် "အရွယ်အစားပြောင်းလဲခြင်း" ဖြစ်ရပ်ကို ပူးတွဲလုပ်ဆောင်ပါ။
window.addEventListener("resize", myFunction);