Sự kiện ondblclick trong JavaScript

• Trần Ngọc Thanh
• 24
• 26/08/2025

Sự kiện ondblclick trong JavaScript dùng để xử lý sự kiện sau khi nhấp đúp con chuột, chi tiết như nào hãy cùng chúng tôi phân tích:

Sự kiện ondblclick trong JavaScript

Chức năng của Sự kiện ondblclick trong JavaScript

Sự kiện ondblclick trong JavaScript dùng để xử lý sự kiện sau khi nhấp đúp con chuột.

Code Sự kiện ondblclick trong JavaScript

Sự kiện ondblclick gán trực tiếp trong JavaScript

<div id="kvuong" ondblclick="doiMau()">Nhấp đúp chuột</div>
<script>
function doiMau(){
var kvuong = document.getElementById('kvuong');
kvuong.style.background = 'green';
}
</script>

Chạy Thử

Sự kiện ondblclick không gán trực tiếp trong JavaScript

<div id="kvuong" >Nhấp đúp chuột</div>
<div id="kvuong2" >Nhấp đúp chuột</div>
<script>
var kvuong = document.getElementById('kvuong');
kvuong.ondblclick= function(){
        kvuong.style.background = 'green';
};
var kvuong2 = document.getElementById('kvuong2');
    kvuong2.addEventListener('dblclick', function(){
        kvuong2.style.background = 'green';
});
</script>

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Sự kiện ondblclick trong JavaScript.