HTML onclickแอตทริบิวต์
ความหมายและการใช้งาน
แอตทริบิวต์onclickทำงานเมื่อคลิกเมาส์ที่องค์ประกอบ
นำไปใช้กับ
แอตทริบิวต์onclickนี้เป็นส่วนหนึ่งของแอตทริบิวต์เหตุการณ์และใช้กับองค์ประกอบ HTML ใดก็ได้
| องค์ประกอบ | เหตุการณ์ |
|---|---|
| องค์ประกอบ HTML ทั้งหมด | เมื่อคลิก |
ตัวอย่าง
ตัวอย่างปุ่ม
เรียกใช้ JavaScript เมื่อคลิกปุ่ม:
<button onclick="myFunction()">Click me</button>
ตัวอย่าง P
คลิกที่ <p> องค์ประกอบเพื่อเปลี่ยนสีข้อความเป็นสีแดง:
<p id="demo" onclick="myFunction()">Click me to change my text color.</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
รองรับเบราว์เซอร์
| Event Attribute | |||||
|---|---|---|---|---|---|
| onclick | Yes | Yes | Yes | Yes | Yes |