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