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