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