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