Event ကိုနှိပ်ပါ ။
ဥပမာ
ခလုတ်တစ်ခုကိုနှိပ်သောအခါ JavaScript ကိုလုပ်ဆောင်ပါ
<button onclick="myFunction()">Click me</button>
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
အသုံးပြုသူ onclick
သည် ဒြပ်စင်တစ်ခုအား ကလစ်နှိပ်သောအခါ အဖြစ်အပျက် ဖြစ်ပေါ်သည်။
HTML တွင်-
<element onclick="myScript">
JavaScript တွင်-
object.onclick = function(){myScript};
JavaScript တွင် addEventListener() method ကိုအသုံးပြု၍-
object.addEventListener("click", myScript);
နည်းပညာဆိုင်ရာအသေးစိတ်
ပူဖောင်း: | ဟုတ်ကဲ့ |
---|---|
ပယ်ဖျက်နိုင်သည်- | ဟုတ်ကဲ့ |
ပွဲအမျိုးအစား- | MouseEvent |
ပံ့ပိုးထားသော HTML တဂ်များ- |
ခြွင်းချက်အားလုံး- <base>၊ <bdo>၊ <br>၊ <head>၊ <html>၊ <iframe>၊ <meta>၊ <param>၊ <script>၊ <style> နှင့် <title> |
နောက်ထပ် ဥပမာများ
ရက်စွဲကိုပြသရန် <button> ကိုနှိပ်ပါ။
<button onclick="getElementById('demo').innerHTML = Date()">What is the time?</button>
စာသားအရောင်ပြောင်းရန် <h3> ဒြပ်စင်တစ်ခုကို နှိပ်ပါ-
<h3 id="demo" onclick="myFunction()">Click me to change my color.</h3>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
ဒြပ်စင်တစ်ခု၏အရောင်ကိုပြောင်းလဲနည်းနောက်ထပ်ဥပမာ။
<h3 onclick="myFunction(this, 'red')">Click me to change my color.</h3>
<script>
function myFunction(element, color) {
element.style.color = color;
}
</script>
ထည့်သွင်းမှုအကွက်တစ်ခုမှ အခြားစာသားကို ကူးယူရန် နှိပ်ပါ-
<button onclick="myFunction()">Copy Text</button>
<script>
function myFunction() {
document.getElementById("field2").value =
document.getElementById("field1").value;
}
</script>
ဝင်းဒိုးအရာဝတ္တုတွင် "onclick" ဖြစ်ရပ်တစ်ခုအား မည်သို့သတ်မှတ်ရမည်နည်း။
window.onclick = myFunction;
function myFunction() {
document.getElementsByTagName("BODY")[0].style.backgroundColor = "yellow";
}
dropdown တစ်ခုဖန်တီးရန် onclick ကိုသုံးပါ
document.getElementById("myBtn").onclick = function() {myFunction()};
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
ဆက်စပ်စာမျက်နှာများ
JavaScript သင်ခန်းစာ- JavaScript ပွဲများ
HTML DOM ရည်ညွှန်း- ondblclick ဖြစ်ရပ်
HTML DOM ရည်ညွှန်းချက်- onmousedown ကိစ္စ
HTML DOM ရည်ညွှန်း- onmouseup ဖြစ်ရပ်
Browser ပံ့ပိုးမှု
onclick
DOM Level 2 (2001) အင်္ဂါရပ်တစ်ခုဖြစ်သည်။
ဘရောက်ဆာအားလုံးတွင် ၎င်းကို အပြည့်အဝထောက်ခံသည်-
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |