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