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