onresize အခြုံ

DOM 事件 Event အားကွယ်ရာ

အသုံးပြုနည်းဥပဒေ

onresize အခြုံ ဘွတ်ပြင် အကြီးအကျယ် ပြင်းထုတ်ခြင်းအခါ ဖြစ်ပေါ်လာသည်

အကြောင်းပြချက်:အရာဝတ္တု အင်တာပြန် အင်တာရာ ကို ရယူရန်, clientWidth、clientHeight အချက်အလက်များ အသုံးပြုပါ:innerWidth、innerHeight、outerWidth、outerHeightoffsetWidth နှင့်/သို့မဟုတ် offsetHeight အချက်အလက်များ。

အမှုကြမ်း

အမှတ် 1 အကြောင်း

ဘွတ်ပြင် အကြီးအကျယ် ပြင်းထုတ်ခြင်းအခါ ဂျာနယ်ကို အသုံးပြုပါ:

<body onresize="myFunction()">

ကိုယ်တိုင် စစ်ဆေးကြည့်ပါ

အမှတ် 2 အကြောင်း

addEventListener() စက်မှုကို window အမှုထမ်းပေါ် "resize" အခြုံကို ထိန်းချုပ်ပါ:

window.addEventListener("resize", myFunction);

ကိုယ်တိုင် စစ်ဆေးကြည့်ပါ

အပြောအဆ

HTML တွင်:

<element onresize="myScript">

ကိုယ်တိုင် စစ်ဆေးကြည့်ပါ

JavaScript တွင်:

object.onresize = function(){myScript};

ကိုယ်တိုင် စစ်ဆေးကြည့်ပါ

JavaScript တွင်, addEventListener() စက်မှုကို အသုံးပြုပါ:

object.addEventListener("resize", myScript);

ကိုယ်တိုင် စစ်ဆေးကြည့်ပါ

ဖော်ပြချက်:Internet Explorer 8 သို့မဟုတ် အရောက်သို့ ထောက်ပံ့ခြင်းမရှိ addEventListener() စက်မှု。

နည်းပညာဆိုင်ရာ အချက်အလက်

ပေါ်လွင်းမှု: ထောက်ပံ့ခြင်းမရှိ
ဖျက်သိမ်းလိုက်ရန် အခွင့်အရေး: ထောက်ပံ့ခြင်းမရှိ
အမျိုးအစားအက်ဆိုးခြင်း: အသုံးပြုသူပြင်းထုတ်ခြင်းမှ ဖြစ်ပေါ်လာခဲ့လျှင်,UiEvent。 Event。
ထောက်ပံ့ထားသော HTML အချက်အလက်များ: <body>
DOM ပုံစံ Level 2 Events

浏览器支持

事件 Chrome IE Firefox Safari Opera
onresize 支持 支持 支持 支持 支持
DOM 事件 Event အားကွယ်ရာ