HTML onclickแอตทริบิวต์เหตุการณ์
ตัวอย่าง
เรียกใช้ JavaScript เมื่อคลิกปุ่ม:
<button onclick="myFunction()">Click me</button>
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
แอตทริบิวต์ onclick เริ่มทำงานเมื่อคลิกเมาส์ที่องค์ประกอบ
รองรับเบราว์เซอร์
Event Attribute | |||||
---|---|---|---|---|---|
onclick | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
<element onclick="script">
ค่าแอตทริบิวต์
Value | Description |
---|---|
script | The script to be run on onclick |
รายละเอียดทางเทคนิค
แท็ก HTML ที่รองรับ: | องค์ประกอบ HTML ทั้งหมด ยกเว้น: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> และ <title> |
---|
ตัวอย่างเพิ่มเติม
ตัวอย่าง
คลิกที่ <p> องค์ประกอบเพื่อเปลี่ยนสีข้อความเป็นสีแดง:
<p id="demo" onclick="myFunction()">Click me to change my text color.</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
ตัวอย่าง
คลิกที่ปุ่มเพื่อคัดลอกข้อความบางส่วนจากช่องป้อนข้อมูลไปยังช่องป้อนข้อมูลอื่น:
<button onclick="myFunction()">Copy Text</button>
<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
หน้าที่เกี่ยวข้อง
การอ้างอิง HTML DOM: onclick event
❮ คุณสมบัติเหตุการณ์ HTML