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 ondragenter ရည်ညွှန်း ချက်


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

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

ondragenter နှင့် ondragleave ဖြစ်ရပ်များသည် ဆွဲယူနိုင်သောဒြပ်စင်တစ်ခုထဲသို့ ဝင်တော့မည် သို့မဟုတ် ပစ်မှတ်တစ်ခုမှ ထွက်ခွာတော့မည်ကို သုံးစွဲသူနားလည်စေရန် ကူညီပေးနိုင်ပါသည်။ ဥပမာအားဖြင့်၊ ဆွဲယူနိုင်သောဒြပ်စင်သည် drop ပစ်မှတ်သို့ဝင်ရောက်သည့်အခါ နောက်ခံအရောင်သတ်မှတ်ခြင်းနှင့် ဒြပ်စင်ကိုပစ်မှတ်မှရွှေ့သည့်အခါ အရောင်ကိုဖယ်ရှားခြင်းဖြင့် ၎င်းကိုလုပ်ဆောင်နိုင်သည်။

Drag and Drop အကြောင်း လေ့လာရန် HTML5 Drag and Drop တွင် ကျွန်ုပ်တို့၏ HTML ကျူတိုရီရယ်ကို ဖတ်ရှုပါ ။

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

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

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

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

တွေပေါ့။

ondragenter attribute သည် Event Attributes ၏ တစ်စိတ်တစ်ပိုင်းဖြစ်ပြီး မည်သည့် HTML ဒြပ်စင်များတွင်မဆို အသုံးပြုနိုင်ပါသည်။

ဒြပ်စင် ပွဲ
HTML အစိတ်အပိုင်းအားလုံး လိမ်းဆေး

ဥပမာ

Div ဥပမာ

ဆွဲယူနိုင်သောဒြပ်စင်တစ်ခုသည် drop ပစ်မှတ်သို့ဝင်ရောက်သည့်အခါ JavaScript ကိုလုပ်ဆောင်ပါ

<div ondragenter="myFunction(event)"></div>

Browser ပံ့ပိုးမှု

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

Event Attribute
ondragenter 4.0 9.0 3.5 6.0 12.0