HTML အကိုးအကား

အက္ခရာဖြင့် HTML HTML အမျိုးအစားအလိုက် HTML Browser ပံ့ပိုးမှု HTML အရည်အချင်းများ HTML ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ HTML ပွဲများ HTML အရောင်များ HTML Canvas HTML အသံ/ဗီဒီယို HTML အက္ခရာအစုံများ HTML Doctypes HTML URL ကုဒ် HTML ဘာသာစကားကုဒ်များ HTML နိုင်ငံကုဒ်များ HTTP မက်ဆေ့ခ်ျများ HTTP နည်းလမ်းများ PX မှ EM Converter ကီးဘုတ်ဖြတ်လမ်းများ


HTML ondrag Event Attribute

❮ HTML Event Attributes

ဥပမာ

<p> ဒြပ်စင်တစ်ခုကို ဆွဲယူသည့်အခါ JavaScript ကို လုပ်ဆောင်ပါ-

<p draggable="true" ondrag="myFunction(event)">Drag me!</p>

အဓိပ္ပါယ်နှင့် အသုံးပြုမှု

ဒြပ်စင်တစ်ခု သို့မဟုတ် စာသားရွေးချယ်မှုကို ဆွဲငင်နေချိန်တွင် ondrag ရည်ညွှန်းချက်သည် မီးလောင်သွားပါသည်။

Drag and drop သည် HTML5 တွင် အလွန်အသုံးများသော feature တစ်ခုဖြစ်သည်။ အရာဝတ္ထုတစ်ခုကို ဖမ်းယူပြီး အခြားတစ်နေရာသို့ ဆွဲယူသည့်အခါဖြစ်သည်။ ပိုမိုသိရှိလိုပါက၊ HTML5 Drag and Drop တွင် ကျွန်ုပ်တို့၏ HTML ကျူတိုရီရယ်ကို ကြည့်ပါ ။

မှတ်ချက်- ဒြပ်စင်တစ်ခုကို ဆွဲယူနိုင်စေရန်၊ ကမ္ဘာလုံးဆိုင်ရာ HTML5 ဆွဲယူ နိုင်သော အရည်အချင်းကို အသုံးပြုပါ။

အကြံပြုချက်- လင့်ခ်များနှင့် ပုံများသည် ပုံသေအားဖြင့် ဆွဲယူနိုင်ပြီး ဆွဲယူနိုင်သော အရည်အချင်းကို မလိုအပ်ပါ။

Drag and Drop လုပ်ဆောင်မှု၏ မတူညီသော အဆင့်များတွင် အသုံးပြုပြီး ဖြစ်ပေါ်လာနိုင်သော အဖြစ်အပျက် အရည်အချင်းများစွာ ရှိပါသည်။

  • ဆွဲယူနိုင်သောပစ်မှတ် (အရင်းအမြစ်ဒြပ်စင်) တွင် ပစ်ခတ်သည့်ဖြစ်ရပ်များ -
    • ondragstart - အသုံးပြုသူသည် ဒြပ်စင်တစ်ခုကို ဆွဲယူစပြုသောအခါ မီးလောင်သည်။
    • ondrag - ဒြပ်စင်တစ်ခုကို ဆွဲငင်နေချိန်တွင် မီးလောင်သည်။
    • ondragend - အသုံးပြုသူသည် ဒြပ်စင်ကို ဆွဲယူခြင်းပြီးသွားသောအခါတွင် မီးလောင်သည်။

  • ပစ်မှတ်တွင် ပစ်မှတ်ထားသော ဖြစ်ရပ်များ-
    • ondragenter - ဆွဲငင်ထားသောဒြပ်စင်သည် drop ပစ်မှတ်သို့ရောက်သွားသောအခါ ပစ်ခတ်သည်။
    • ondragover - ဆွဲယူထားသောဒြပ်စင်သည် ကျဆင်းသွားသည့်ပစ်မှတ်ကို ကျော်သွားသောအခါ မီးလောင်သည်။
    • ondragleave - ဆွဲငင်ထားသောဒြပ်စင်သည် drop ပစ်မှတ်မှထွက်ခွာသည့်အခါ ပစ်ခတ်သည်။
    • ondrop - ဆွဲငင်ထားသောဒြပ်စင်ကို drop ပစ်မှတ်ပေါ်တွင် ပြုတ်ကျသည့်အခါ မီးလောင်သည်။

မှတ်ချက်- ဒြပ်စင်တစ်ခုအား ဆွဲယူနေစဉ်တွင်၊ ondrag ဖြစ်ရပ်သည် 350 မီလီစက္ကန့်တိုင်း မီးလောင်ပါသည်။


Browser ပံ့ပိုးမှု

ဇယားရှိ နံပါတ်များသည် event attribute ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။

Event Attribute
ondrag 4.0 9.0 3.5 6.0 12.0

အထားအသို

<element ondrag="script">

ရည်ညွှန်းတန်ဖိုးများ

Value Description
script The script to be run on ondrag

နည်းပညာဆိုင်ရာအသေးစိတ်

ပံ့ပိုးထားသော HTML တဂ်များ- HTML အစိတ်အပိုင်းအားလုံး

ဆက်စပ်စာမျက်နှာများ

HTML ကျူတိုရီရယ်- HTML5 ကို ဆွဲယူချလိုက် ပါ။

HTML အကိုးအကား- HTML ဆွဲယူနိုင်သော အရည်အချင်း

HTML DOM ရည်ညွှန်းချက်- ondrag ဖြစ်ရပ်


❮ HTML Event Attributes