Sự kiện ondblclick trong JavaScript

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

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

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 chuột vào phần tử HTML.

Code Sự kiện ondblclick trong JavaScript

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

ondblclick="doiMau()"

<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

kvuong.ondblclick= function(){
kvuong.style.background = 'green';
};

<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.