JavaScript ပွဲများ
HTML ဖြစ်ရပ်များသည် HTML ဒြပ်စင် များတွင် ဖြစ်ပေါ်သည့် "အရာများ" ဖြစ်သည်။
HTML စာမျက်နှာများတွင် JavaScript ကိုအသုံးပြုသောအခါ၊ JavaScript သည် ဤဖြစ်ရပ်များအပေါ် "တုံ့ပြန်" နိုင်သည်။
HTML ပွဲများ
HTML ဖြစ်ရပ်တစ်ခုသည် ဘရောက်ဆာလုပ်ဆောင်သည့်အရာ သို့မဟုတ် အသုံးပြုသူတစ်ဦးလုပ်ဆောင်သည့်အရာဖြစ်နိုင်သည်။
ဤသည်မှာ HTML ဖြစ်ရပ်များ၏ နမူနာအချို့ဖြစ်သည်-
- HTML ဝဘ်စာမျက်နှာကို တင်ပြီးသွားပါပြီ။
- HTML ထည့်သွင်းမှုအကွက်ကို ပြောင်းလဲခဲ့သည်။
- HTML ခလုတ်ကို နှိပ်လိုက်ပါပြီ။
မကြာခဏဆိုသလို အဖြစ်အပျက်တွေ ကြုံလာတဲ့အခါ တစ်ခုခုကို လုပ်ချင်နေတတ်တယ်။
ဖြစ်ရပ်များကို တွေ့ရှိသောအခါ JavaScript သည် သင့်အား ကုဒ်ကို လုပ်ဆောင်နိုင်စေပါသည်။
HTML သည် HTML အစိတ်အပိုင်းများသို့ JavaScript ကုဒ်ဖြင့် ဖြစ်ရပ်ကိုင်တွယ်သူ attribute များကို ခွင့်ပြုသည် ။
ကိုးကားချက်တစ်ခုတည်းဖြင့်
<element
event='some JavaScript'>
ကိုးကားနှစ်ထပ်ဖြင့်-
<element
event="some JavaScript">
အောက်ပါဥပမာတွင်၊ onclick
အရည်အချင်းတစ်ခု (ကုဒ်ပါသော) ကို
<button>
ဒြပ်စင်တစ်ခုသို့ ပေါင်းထည့်သည်-
ဥပမာ
<button onclick="document.getElementById('demo').innerHTML = Date()">The time is?</button>
အထက်ဖော်ပြပါ ဥပမာတွင်၊ JavaScript ကုဒ်သည် id="demo" ဖြင့် ဒြပ်စင်၏ အကြောင်းအရာကို ပြောင်းလဲပါသည်။
နောက်ဥပမာတွင်၊ ကုဒ်သည် ၎င်း၏ကိုယ်ပိုင်ဒြပ်စင်၏ အကြောင်းအရာကို ပြောင်းလဲသည် (အသုံးပြုခြင်း this.innerHTML
) :
ဥပမာ
<button onclick="this.innerHTML = Date()">The time is?</button>
JavaScript ကုဒ်သည် စာကြောင်းပေါင်းများစွာ ရှည်တတ်သည်။ Event attribute များ ခေါ်ဆိုခြင်း လုပ်ဆောင်ချက်များကို တွေ့ရသည်မှာ ပို၍ အဖြစ်များပါသည်။
ဥပမာ
<button onclick="displayDate()">The time is?</button>
အဖြစ်များသော HTML ပွဲများ
ဤသည်မှာ အချို့သော ဘုံ HTML ဖြစ်ရပ်များစာရင်းဖြစ်သည်။
ပွဲ | ဖော်ပြချက် |
---|---|
ပြောင်းလဲခြင်း | HTML ဒြပ်စင်တစ်ခုကို ပြောင်းလဲလိုက်ပါပြီ။ |
onclick ပါ။ | အသုံးပြုသူသည် HTML အစိတ်အပိုင်းတစ်ခုကို နှိပ်သည်။ |
မြူးမြူးကြွကြွ | အသုံးပြုသူက မောက်စ်ကို HTML အစိတ်အပိုင်းတစ်ခုသို့ ရွှေ့သည်။ |
onmouseout | အသုံးပြုသူသည် မောက်စ်ကို HTML အစိတ်အပိုင်းတစ်ခုမှ အဝေးသို့ ရွှေ့သည်။ |
onkeydown | အသုံးပြုသူသည် ကီးဘုတ်ခလုတ်တစ်ခုကို တွန်းလိုက်သည်။ |
onload | ဘရောင်ဇာသည် စာမျက်နှာကို တင်ခြင်းပြီးဆုံးသွားပါပြီ။ |
စာရင်းသည် ပို၍ရှည်သည်- W3Schools JavaScript ကိုးကား HTML DOM Events .
JavaScript Event Handlers
အသုံးပြုသူထည့်သွင်းမှု၊ အသုံးပြုသူလုပ်ဆောင်ချက်များနှင့် ဘရောက်ဆာလုပ်ဆောင်ချက်များကို ကိုင်တွယ်အတည်ပြုရန် ဖြစ်ရပ်ကိုင်တွယ်သူများကို အသုံးပြုနိုင်သည်။
- စာမျက်နှာတစ်ခုဖွင့်တိုင်း လုပ်ဆောင်သင့်သောအရာများ
- Page ပိတ်တဲ့အခါ လုပ်သင့်တဲ့အရာတွေပါ။
- အသုံးပြုသူတစ်ဦးက ခလုတ်တစ်ခုကို နှိပ်သည့်အခါ လုပ်ဆောင်သင့်သည့် လုပ်ဆောင်ချက်
- အသုံးပြုသူတစ်ဦးက ဒေတာထည့်သွင်းသည့်အခါ စစ်ဆေးအတည်ပြုသင့်သည့် အကြောင်းအရာ
- နောက်ထပ်...
ဖြစ်ရပ်များနှင့် JavaScript အလုပ်လုပ်ခွင့်ပြုရန် မတူညီသောနည်းလမ်းများစွာကို အသုံးပြုနိုင်သည်။
- HTML event attribute များသည် JavaScript ကုဒ်ကို တိုက်ရိုက်လုပ်ဆောင်နိုင်သည်။
- HTML event attribute များသည် JavaScript လုပ်ဆောင်ချက်များကို ခေါ်ဆိုနိုင်သည်။
- သင်၏ကိုယ်ပိုင် event handler လုပ်ဆောင်ချက်များကို HTML အစိတ်အပိုင်းများသို့ သင်သတ်မှတ်နိုင်သည်။
- ပွဲများကို ပေးပို့ခြင်း သို့မဟုတ် ကိုင်တွယ်ခြင်းမှ တားဆီးနိုင်သည်။
- နောက်ထပ်...
HTML DOM အခန်းများတွင် ဖြစ်ရပ်များနှင့် အဖြစ်အပျက်ကိုင်တွယ်သူများအကြောင်း သင်ပိုမိုလေ့လာနိုင်ပါမည်။