HTML ondragstart Event Attribute
ဥပမာ
အသုံးပြုသူက <p> ဒြပ်စင်တစ်ခုကို ဆွဲယူသည့်အခါ JavaScript ကို လုပ်ဆောင်ပါ-
<p draggable="true" ondragstart="myFunction(event)">Drag me!</p>
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
အသုံးပြုသူသည် ဒြပ်စင်တစ်ခု သို့မဟုတ် စာသားရွေးချယ်မှုကို စတင်သောအခါတွင် ondragstart ရည်ညွှန်းချက် ပျက်သွားပါသည်။
Drag and drop သည် HTML5 တွင် အလွန်အသုံးများသော feature တစ်ခုဖြစ်သည်။ အရာဝတ္ထုတစ်ခုကို ဖမ်းယူပြီး အခြားတစ်နေရာသို့ ဆွဲယူသည့်အခါဖြစ်သည်။ ပိုမိုသိရှိလိုပါက၊ HTML5 Drag and Drop တွင် ကျွန်ုပ်တို့၏ HTML ကျူတိုရီရယ်ကို ကြည့်ပါ ။
မှတ်ချက်- ဒြပ်စင်တစ်ခုကို ဆွဲယူနိုင်စေရန်၊ ကမ္ဘာလုံးဆိုင်ရာ HTML5 ဆွဲယူ နိုင်သော အရည်အချင်းကို အသုံးပြုပါ။
အကြံပြုချက်- လင့်ခ်များနှင့် ပုံများသည် ပုံသေအားဖြင့် ဆွဲယူနိုင်ပြီး ဆွဲယူနိုင်သော အရည်အချင်းကို မလိုအပ်ပါ။
Drag and Drop လုပ်ဆောင်မှု၏ မတူညီသော အဆင့်များတွင် အသုံးပြုပြီး ဖြစ်ပေါ်လာနိုင်သော အဖြစ်အပျက် အရည်အချင်းများစွာ ရှိပါသည်။
- ဆွဲယူနိုင်သောပစ်မှတ် (အရင်းအမြစ်ဒြပ်စင်) တွင် ပစ်ခတ်သည့်ဖြစ်ရပ်များ -
- ပစ်မှတ်တွင် ပစ်မှတ်ထားသော ဖြစ်ရပ်များ-
- ondragenter - ဆွဲငင်ထားသောဒြပ်စင်သည် drop ပစ်မှတ်သို့ရောက်သွားသောအခါ ပစ်ခတ်သည်။
- ondragover - ဆွဲယူထားသောဒြပ်စင်သည် ကျဆင်းသွားသည့်ပစ်မှတ်ကို ကျော်သွားသောအခါ မီးလောင်သည်။
- ondragleave - ဆွဲငင်ထားသောဒြပ်စင်သည် drop ပစ်မှတ်မှထွက်ခွာသည့်အခါ ပစ်ခတ်သည်။
- ondrop - ဆွဲငင်ထားသောဒြပ်စင်ကို drop ပစ်မှတ်ပေါ်တွင် ပြုတ်ကျသည့်အခါ မီးလောင်သည်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် event attribute ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။
Event Attribute | |||||
---|---|---|---|---|---|
ondragstart | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
အထားအသို
<element ondragstart="script">
ရည်ညွှန်းတန်ဖိုးများ
Value | Description |
---|---|
script | The script to be run on ondragstart |
နည်းပညာဆိုင်ရာအသေးစိတ်
ပံ့ပိုးထားသော HTML တဂ်များ- | HTML အစိတ်အပိုင်းအားလုံး |
---|
ဆက်စပ်စာမျက်နှာများ
HTML ကျူတိုရီရယ်- HTML5 ကို ဆွဲယူချလိုက် ပါ။
HTML အကိုးအကား- HTML ဆွဲယူနိုင်သော အရည်အချင်း
HTML DOM ကိုးကား- ondragstart ဖြစ်ရပ်
❮ HTML Event Attributes