ပြောင်းလဲခြင်း ဖြစ်ရပ်
ဥပမာ
အသုံးပြုသူတစ်ဦးသည် <select> ဒြပ်စင်တစ်ခု၏ ရွေးချယ်ထားသော ရွေးချယ်မှုကို ပြောင်းလဲသောအခါတွင် JavaScript ကို လုပ်ဆောင်ပါ-
<select onchange="myFunction()">
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ဒြပ်စင်တစ်ခု၏တန်ဖိုးကို ပြောင်းလဲသောအခါတွင် ပြောင်းလဲသည့်ဖြစ်ရပ် ဖြစ်ပေါ်သည်။
ရေဒီယိုခလုတ်များနှင့် အမှတ်ခြစ်ဘောက်စ်များအတွက်၊ အမှတ်ခြစ်ထားသော အခြေအနေကို ပြောင်းလဲလိုက်သောအခါတွင် ပြောင်းလဲခြင်းဖြစ်စဉ် ဖြစ်ပေါ်ပါသည်။
အကြံပြုချက်- ဤဖြစ်ရပ်သည် oninput event နှင့် ဆင်တူသည်။ ကွာခြားချက်မှာ အကြောင်းအရာတစ်ခု၏တန်ဖိုးကို ပြောင်းလဲပြီးနောက်တွင် oninput event သည် ချက်ချင်းဖြစ်ပေါ်ပြီး ဒြပ်စင်သည် အကြောင်းအရာကိုပြောင်းလဲပြီးနောက်တွင် အာရုံစူးစိုက်မှုဆုံးရှုံးသွားသောအခါတွင် ပြောင်းလဲခြင်းဖြစ်ပေါ်ပါသည်။ အခြားခြားနားချက်မှာ onchange event သည် <select> Elements များတွင်လည်း အလုပ်လုပ်ပါသည်။
Browser ပံ့ပိုးမှု
Event | |||||
---|---|---|---|---|---|
onchange | Yes | Yes | Yes | Yes | Yes |
အထားအသို
HTML တွင်-
<element onchange="myScript">
JavaScript တွင်-
object.onchange = function(){myScript};
JavaScript တွင် addEventListener() method ကိုအသုံးပြု၍-
object.addEventListener("change", myScript);
မှတ်ချက်- addEventListener () နည်းလမ်းကို Internet Explorer 8 နှင့် အစောပိုင်းဗားရှင်းများတွင် ပံ့ပိုးမထားပါ။
နည်းပညာဆိုင်ရာအသေးစိတ်
ပူဖောင်း: | ဟုတ်ကဲ့ |
---|---|
ပယ်ဖျက်နိုင်သည်- | မရှိ |
ပွဲအမျိုးအစား- | ပွဲ |
ပံ့ပိုးထားသော HTML တဂ်များ- | <input type="checkbox">၊ <input type="color">၊ <input type="date">၊ <input type="datetime">၊ <input type="email">၊ <input type="email"> file">၊ <input type="month">၊ <input type="number">၊ <input type="password">၊ <input type="radio">၊ <input type="range">၊ < input type="search">၊ <input type="tel">၊ <input type="text">၊ <input type="time">၊ <input type="url">၊ <input type="week ">၊ <select> နှင့် <textarea> |
DOM ဗားရှင်း- | အဆင့် 2 ပွဲများ |
နောက်ထပ် ဥပမာများ
ဥပမာ
အသုံးပြုသူတစ်ဦးသည် ထည့်သွင်းအကွက်၏ အကြောင်းအရာကို ပြောင်းလဲသည့်အခါ JavaScript ကို လုပ်ဆောင်ပါ-
<input type="text"
onchange="myFunction()">