Event ကိုရွေးပါ ။
ဥပမာ
စာသားအချို့ကို ရွေးချယ်လိုက်သောအခါ JavaScript ကို လုပ်ဆောင်ပါ-
<input type="text" onselect="myFunction()">
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ဒြပ်စင်တစ်ခုတွင် စာသားအချို့ကို ရွေးချယ်ပြီးနောက် မရွေးချယ်သည့်ဖြစ်ရပ်သည် ဖြစ်ပေါ်သည်။
ရွေးချယ်မထားသည့် ဖြစ်ရပ်အား <input type="text"> သို့မဟုတ် <textarea> ဒြပ်စင်များတွင် အများအားဖြင့် အသုံးပြုပါသည်။
Browser ပံ့ပိုးမှု
Event | |||||
---|---|---|---|---|---|
onselect | Yes | Yes | Yes | Yes | Yes |
အထားအသို
HTML တွင်-
<element onselect="myScript">
JavaScript တွင်-
object.onselect = function(){myScript};
JavaScript တွင် addEventListener() method ကိုအသုံးပြု၍-
object.addEventListener("select", myScript);
မှတ်ချက်- addEventListener () နည်းလမ်းကို Internet Explorer 8 နှင့် အစောပိုင်းဗားရှင်းများတွင် ပံ့ပိုးမထားပါ။
နည်းပညာဆိုင်ရာအသေးစိတ်
ပူဖောင်း: | မရှိ |
---|---|
ပယ်ဖျက်နိုင်သည်- | မရှိ |
ပွဲအမျိုးအစား- | UiEvent ကို အသုံးပြုသူ အင်တာဖေ့စ်မှ ထုတ်လုပ်ပါက၊ Event မဟုတ်လျှင် |
ပံ့ပိုးထားသော HTML တဂ်များ- | <input type="file">၊ <input type="password">၊ <input type="text"> နှင့် <textarea> |
DOM ဗားရှင်း- | အဆင့် 2 ပွဲများ |
နောက်ထပ် ဥပမာများ
ဥပမာ
စာသားအကွက်တစ်ခု၏ အကြောင်းအရာအချို့ကို ရွေးချယ်ရန် HTML DOM ထည့်သွင်းသည့် စာသားအရာဝတ္ထု၏ select() နည်းလမ်းကို အသုံးပြုခြင်း။ ထိုသို့ဖြစ်လာသောအခါတွင်၊ သတိပေးချက်လုပ်ဆောင်ချက်ကို အစပျိုးပေးမည့် မရွေးချယ်ရသေးသည့် ဖြစ်ရပ်သည် မီးလောင်သွားပါသည်။
// Select the contents of a text field
function mySelectFunction() {
document.getElementById("myText").select();
}
// Alert some text when the text in the text field has been selected
function myAlertFunction() {
alert("You selected some text!");
}