onclick ဖြစ်ပေါ်မှု

DOM ဖြစ်ပေါ်မှု MouseEvent

အသုံးပြုနည်း နှင့် လက္ခဏာ

onclick ဖြစ်ပေါ်မှု သည် အသုံးပြုသူ အား အကိရိယာ ကို လုပ်ပေးခဲ့ အခါ ဖြစ်ပေါ်သည်

实例

ဘားကို လုပ်ပေးပါ အခါ ပုံမှန် အား လုပ်ပေးပြီး JavaScript ကို အသုံးပြုပေးသည်:

<button onclick="myFunction()">လုပ်ပေးပါ</button>

ကိုယ်တိုင် ဆောင်ရွက်ကြည့်

စံတော်ခဲ့ အောက်တွင် အခြား TIY အမျိုးမျိုး အစီအစဉ်များ ရှိသည်

အက္ခရာ

HTML တွင်:

<element onclick="myScript">

ကိုယ်တိုင် ဆောင်ရွက်ကြည့်

JavaScript တွင်:

object.onclick = function(){myScript};

ကိုယ်တိုင် ဆောင်ရွက်ကြည့်

JavaScript တွင် addEventListener() စနစ် ကို အသုံးပြုပြီး:

object.addEventListener("click", myScript);

ကိုယ်တိုင် ဆောင်ရွက်ကြည့်

အစီအစဉ်:Internet Explorer 8 သို့ အထိ နှင့် အနှစ်သင်း များ က addEventListener() စနစ် ကို ထောက်ပံ့ခြင်း မရှိ addEventListener() စနစ်。

နည်းပညာ အချက်အလက်

ပေါ်ပေါက်: ထောက်ပံ့
ပြန်ရိုက်နိုင်: ထောက်ပံ့
ဖြစ်ပေါ်မှု အမျိုးအစား: MouseEvent
ထောက်ပံ့သော HTML အကိရိယာ: အားလုံး HTML အကိရိယာများ ရှိသေးသည်ဖြစ်သော်လည်း <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> နှင့် <title> အစိတ်အပိုင်းများကို ရှိခြင်း မပါ
DOM အဆင့်: အဆင့် 2 ဖြစ်ပေါ်မှုများ

ဘရောက်ဆာ ထောက်ပံ့

ဖြစ်ပေါ်မှု Chrome IE Firefox Safari Opera
onclick ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့

အခြား အမျိုးမျိုး အစီအစဉ်

实例

ပုံမှန် <button> အား လုပ်ပေးပြီး ယခု ရက်စွဲ နှင့် စံတော်ခဲ့ ကို ပြပေးသည်:

<button onclick="getElementById('demo').innerHTML = Date()">ယခု စံတော်ခဲ့?</button>

ကိုယ်တိုင် ဆောင်ရွက်ကြည့်

实例

单击 <p> 元素将其文本颜色更改为红色：

<p id="demo" onclick="myFunction()">Click me to change my text color.</p>
<script>
function myFunction() {
  document.getElementById("demo").style.color = "red";
}
</script>

ကိုယ်တိုင် ဆောင်ရွက်ကြည့်

实例

关于如何通过单击来更改 <p> 元素颜色的另一个例子：

<p onclick="myFunction(this, 'red')">Click me to change my text color.</p>
<script>
function myFunction(elmnt,clr) {
  elmnt.style.color = clr;
}
</script>

ကိုယ်တိုင် ဆောင်ရွက်ကြည့်

实例

单击按钮将一些文本从输入字段复制到另一个输入字段：

<button onclick="myFunction()">Copy Text</button>
<script>
function myFunction() {
  document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>

ကိုယ်တိုင် ဆောင်ရွက်ကြည့်

实例

把 "onclick" 事件分配给 window 对象： 
window.onclick = myFunction;
// 如果用户在窗口中单击，则将 <body> 的背景颜色设置为黄色
function myFunction() {
  document.getElementsByTagName("BODY")[0].style.backgroundColor = "yellow";
}

ကိုယ်တိုင် ဆောင်ရွက်ကြည့်

实例

使用 onclick 创建下拉按钮：

// 获取按钮，当用户点击时，执行 myFunction
document.getElementById("myBtn").onclick = function() {myFunction()};
/* myFunction 在添加和删除 show 类之间切换，用于隐藏和显示下拉内容 */
function myFunction() {
  document.getElementById("myDropdown").classList.toggle("show");
}

ကိုယ်တိုင် ဆောင်ရွက်ကြည့်

ပတ်သက်သော စာမျက်နှာ

JavaScript ညွှန်းပြ:JavaScript ဖြစ်ပေါ်မှု

HTML DOM အစီရင်ခံစာအုပ်ပေါ်:ondblclick ဖြစ်ပေါ်မှု

HTML DOM အစီရင်ခံစာအုပ်ပေါ်:onmousedown ဖြစ်ပေါ်မှု

HTML DOM အစီရင်ခံစာအုပ်ပေါ်:onmouseup ဖြစ်ပေါ်မှု

DOM ဖြစ်ပေါ်မှု MouseEvent