แอตทริบิวต์เหตุการณ์ ondblclick ของ HTML

แอตทริบิวต์ ondblclick ของ HTML จะถูกกระตุ้นเมื่อคุณดับเบิลคลิกเมาส์บนองค์ประกอบ HTML ในเอกสาร HTML

ไวยากรณ์

ไวยากรณ์มีดังนี้ −

<tagname ondblclick="script"></tagname>

ลองดูตัวอย่างการใช้งานแอตทริบิวต์เหตุการณ์ ondblclick ของ HTML −

ตัวอย่าง

<!DOCTYPE html> <html> <head> <style>    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block;       color: #fff;       outline: none;       cursor: pointer;       margin: 1rem auto;    } </style> </head> <body> <h1>การสาธิตแอตทริบิวต์เหตุการณ์ ondblclick ของ HTML</h1> <button class="btn" ondblclick="display()">ดับเบิลคลิกฉัน</button> <div class="show"></div> <script>    function display() {       document.querySelector('.show').innerHTML = 'เฮ้! คุณดับเบิลคลิกฉัน'    } </script> </body> </html>

ผลลัพธ์

ดับเบิลคลิกที่ปุ่มสีแดงเพื่อกระตุ้นเหตุการณ์ดับเบิลคลิกเมาส์บนมัน −