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