ตัวอย่าง
รัน JavaScript เมื่อมีการคลิกปุ่ม:
<button onclick="myFunction()">Click me</button> ลองตัวเอง» เพิ่มเติม "ลองตัวเอง" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
onclick แอตทริบิวต์การเกิดเพลิงไหม้ในการคลิกเมาส์ในองค์ประกอบ
สนับสนุนเบราว์เซอร์
| แอตทริบิวต์เหตุการณ์ | |||||
|---|---|---|---|---|---|
| onclick | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
ไม่มี.
วากยสัมพันธ์
<elementonclick=" script ">
ค่าแอตทริบิวต์
| ความคุ้มค่า | ลักษณะ |
|---|---|
| script | สคริปต์ที่จะทำงานใน onclick |
รายละเอียดทางเทคนิค
| แท็กที่รองรับ: | องค์ประกอบ HTML ทั้งหมดยกเว้น: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <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