Sự kiện onmouseout trong JavaScript

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

Sự kiện onmouseout trong JavaScript dùng để tạo sự kiện sau khi người dùng bỏ rê chuột khỏi thẻ HTML, chi tiết như nào hãy cùng chúng tôi phân tích:

Sự kiện onmouseout trong JavaScript

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

Sự kiện onmouseout trong JavaScript dùng để tạo sự kiện sau khi người dùng bỏ rê chuột khỏi thẻ HTML.

Code Sự kiện onmouseout trong JavaScript

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

<div id="kvuong" onmouseout="doiMau()">Rê vào, rê ra</div>
<script>
function doiMau(){
var kvuong = document.getElementById('kvuong');
kvuong.style.background = 'green';
}
</script>

Chạy Thử

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

<div id="kvuong" >Rê vào, Rê ra</div>
<div id="kvuong2" >Rê vào, Rê ra</div>
<script>
var kvuong = document.getElementById('kvuong');
kvuong.onmouseout = function(){
        kvuong.style.background = 'green';
};
var kvuong2 = document.getElementById('kvuong2');
    kvuong2.addEventListener('mouseout', 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 onmouseout trong JavaScript.