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