ตัวอย่าง
รัน JavaScript เมื่อกดปุ่มเป็นดับเบิลคลิก:
<button ondblclick="myFunction()">Double-click me</button> ลองตัวเอง» ความหมายและการใช้งาน
ondblclick ไฟแอตทริบิวต์เมาส์ดับเบิลคลิกที่องค์ประกอบ
สนับสนุนเบราว์เซอร์
| แอตทริบิวต์เหตุการณ์ | |||||
|---|---|---|---|---|---|
| ondblclick | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
ไม่มี.
วากยสัมพันธ์
<elementondblclick=" script ">
ค่าแอตทริบิวต์
| ความคุ้มค่า | ลักษณะ |
|---|---|
| script | สคริปต์ที่จะทำงานใน ondblclick |
รายละเอียดทางเทคนิค
| แท็กที่รองรับ: | องค์ประกอบ HTML ทั้งหมดยกเว้น: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> และ <title> |
|---|
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ดับเบิลคลิกที่ <p> องค์ประกอบในการเปลี่ยนสีข้อความสีแดง:
<p id="demo" ondblclick="myFunction()">Double-click me to change my text color.</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
ลองตัวเอง» ตัวอย่าง
ดับเบิลคลิกที่ปุ่มเพื่อคัดลอกข้อความบางส่วนจากช่องใส่ไปที่ฟิลด์ป้อนอื่น:
<button ondblclick="myFunction()">Copy Text</button>
<script>
function myFunction() {
document.getElementById("field2").value =
document.getElementById("field1").value;
}
</script>
ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: ondblclick event