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 ondragover Event Attribute

❮ HTML Event Attributes

ဥပမာ

ဒြပ်စင်တစ်ခုသည် 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