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