Sự kiện onmouseover trong JavaScript

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

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

Sự kiện onmouseover trong JavaScript

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

Sự kiện onmouseover trong JavaScript dùng để tạo ra sự kiện khi rê chuột vào một thẻ HTML, sự kiện chỉ làm việc khi rê chuột vào còn sau đó thì không làm gì nữa.

Code Sự kiện onmouseover trong JavaScript

Sự kiện onmouseover gắn trực tiếp trong JavaScript

<div id="kvuong" onmouseover="doiMau()">Rê chuột vào</div>
<script>
function doiMau(){
var kvuong = document.getElementById('kvuong');
kvuong.style.background = 'green';
}
</script>

Chạy Thử

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

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