innerWidth Method

innerWidth method သည် အကြောင်းအရာ၏ အတွင်းပိုင်း အကွာအဝေးများကို ထည့်သွင်းစဉ်းစားပြီး အကျယ်ကို ရယူနိုင်ပြီး ပြောင်းလဲနိုင်စေပါသည်။ မှတ်သားရမည့်အချက်မှာ ကျွန်ုပ်တို့သည် အကျယ်၏ 'တွက်ချက်ထားသောတန်ဖိုး' (computed width) ကို ရရှိမည်ဖြစ်သည်။ အသုံးပြုသူက စာမျက်နှာ၏အရွယ်အစားကို ပြောင်းလဲသောအခါ၊ သို့မဟုတ် အကြောင်းအရာ သို့မဟုတ် ၎င်း၏မိဘအကြောင်းအရာများ ကွယ်နေသောအခါတွင်လည်း တွက်ချက်မှုအမှားများ ဖြစ်ပေါ်နိုင်သည်။ အကျယ်တန်ဖိုးသည် အကြောင်းအရာ၏ နယ်နမိတ်အထူကို ထည့်သွင်းစဉ်းစားခြင်းမရှိပါ။

ဝါကျဖွဲ့ပုံ

အကြောင်းအရာ၏အကျယ်ကို ရယူပါ။ အချို့အခြေအနေများတွင် ရရှိသောတန်ဖိုးများသည် ဒသမကိန်းများ ဖြစ်နိုင်သည်။

$(selector).innerWidth();

အကြောင်းအရာ၏အကျယ်ကို ပြောင်းလဲရန် - ဂဏန်းတစ်ခုတည်းကို (ဥပမာ 400) ပေးပို့နိုင်သည်၊ ထိုအခါ တိုင်းတာမှုယူနစ်များသည် ပစ်ဆယ်များ ဖြစ်လာမည်၊ သို့မဟုတ် တိုင်းတာမှုယူနစ်များကို ဖော်ပြသည့် စာတန်းတစ်ခု (ဥပမာ '10em') ကို ပေးပို့နိုင်သည်။

$(selector).innerWidth(အသစ်တန်ဖိုး);

ကျွန်ုပ်တို့သည် သတ်မှတ်ထားသော လုပ်ဆောင်ချက်ကို အစုတစ်ခုရှိ အကြောင်းအရာတစ်ခုစီအတွက် သက်ရောက်စေနိုင်သည်။ ဤသို့ပြုလုပ်ရာတွင် လုပ်ဆောင်ချက်၏ ပထမပါရာမီတာအဖြစ် အစုအတွင်းရှိ အကြောင်းအရာ၏နံပါတ်ကို ရရှိမည်ဖြစ်ပြီး၊ ဒုတိယပါရာမီတာအဖြစ် - သီးခြားအကြောင်းအရာအတွက် သတ်မှတ်ထားသော အကျယ်၏လက်ရှိတန်ဖိုးကို ရရှိမည်ဖြစ်သည်။ လုပ်ဆောင်ချက်အတွင်းရှိ this တန်ဖိုးသည် လက်ရှိအကြောင်းအရာကို ညွှန်ပြမည်ဖြစ်သည်။ အကြောင်းအရာ၏အကျယ်တန်ဖိုးသည် လုပ်ဆောင်ချက်မှ ပြန်လာသောတန်ဖိုးအဖြစ်သို့ ပြောင်းလဲသွားမည်ဖြစ်သည်။

$(selector).innerWidth(function(အစုအတွင်းနံပါတ်, အကျယ်၏လက်ရှိတန်ဖိုး));

ဥပမာ

နှိုင်းယှဉ်ကြည့်ရန်အတွက် #test စာပိုဒ်၏ အကျယ်အကြောင်း အချက်အလက်ကို width method နှင့် innerWidth method တို့ဖြင့် ရရှိထားသော အချက်အလက်ကို ထုတ်ပြကြပါစို့။

<p id="test">စာသား</p>
<p id="out1"></p>
<p id="out2"></p>

p {
	margin: 10px;
	padding: 5px;
	border: 2px solid blue;
}

let w1 = $('#test').width();
let w2 = $('#test').innerWidth();

$('#out1').text(w1);
$('#out2').text(w2);

ကျွန်ုပ်တို့သည် 10px ခြားနားချက်ကို တွေ့မြင်ရမည်ဖြစ်ပြီး၊ ယင်းသည် ကျွန်ုပ်တို့၏ ဘယ်ဘက်နှင့် ညာဘက် အတွင်းပိုင်း အကွာအဝေးများ၏ ပေါင်းလဒ် ဖြစ်သည်။

ထပ်မံကြည့်ရှုရန်

width method,
အကြောင်းအရာ၏အကျယ်ကို ရယူနိုင်ပြီး ပြောင်းလဲနိုင်စေသည့် method
outerWidth method,
အကြောင်းအရာ၏ အကွာအဝေးများနှင့် နယ်နမိတ်ကို ထည့်သွင်းစဉ်းစားပြီး အကြောင်းအရာ၏အကျယ်ကို ရယူနိုင်ပြီး ပြောင်းလဲနိုင်စေသည့် method