JavaScript တွင် change အဖြစ်အပျက်

ဤသင်ခန်းစာတွင် ကျွန်ုပ်တို့သည် အဝင်အကွက်များ ပြောင်းလဲသည့်အခါ ဖြစ်ပေါ်သော change အဖြစ်အပျက်ကို အတူတကွ စိစစ်ပါမည်။ ဆိုလိုသည်မှာ အဘယ်နည်း။ ဥပမာ၊ သင့်တွင် input တစ်ခုရှိပြီး ၎င်းအတွင်း တစ်ခုခုသော စာသားရှိသည်ဆိုပါစို့။ အကယ်၍ ထိုစာသားကို သင် ပြောင်းလဲလိုက်ပါက၊ ထိုအခြေအနေတွင် ဤအဖြစ်အပျက် ဖြစ်ပေါ်လာမည်။

ဥပမာတစ်ခုအား ကြည့်ကြပါစို့။ ကျွန်ုပ်တို့တွင် input တစ်ခုရှိသည်ဆိုပါစို့။

<input id="elem" value="text">

၎င်း၏ ပြောင်းလဲမှုအပေါ် အခြေခံ၍ ၎င်း၏ တန်ဖိုးအသစ်ကို console တွင် ထုတ်ပြကြပါစို့။

let elem = document.querySelector('#elem');

elem.addEventListener('change', function() {
	console.log(this.value);
});

input တစ်ခုနှင့် စာပိုဒ်တိုတစ်ခု ပေးထားသည်။ input ပြောင်းလဲသည့်အခါ ၎င်း၏ စာသားကို စာပိုဒ်တိုထဲတွင် ထုတ်ပြပါ။

checkbox တစ်ခု ပေးထားသည်။ checkbox ပြောင်းလဲသည့်အခါ ၎င်း၏ အခြေအနေအသစ်ကို စခရင်ပေါ်တွင် ထုတ်ပြပါ။

blur နှင့် change အဖြစ်အပျက်များ ကြားကွာခြားချက်ကို ရှင်းပြပါ။

input တစ်ခု ပေးထားသည်။ ၎င်း ပြောင်းလဲသည့်အခါ အတွင်းရှိ စာလုံးအရေအတွက်သည် 5 ထက် နည်းသည် မနည်း စစ်ဆေးပါ။ နည်းပါက input ၏ အနားသတ်ကို အစိမ်းရောင်သို့ ပြောင်းပါ၊ များပါက အနီရောင်သို့ ပြောင်းပါ။