Sự kiện onmouseout trong JavaScript

• Trần Thị Vân
• 977
• 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:

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

onmouseout="doiMau()"

<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

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

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