Sự kiện onmouseover trong JavaScript

• Trần Thị Vân
• 1041
• 25/08/2025

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

onmouseover="doiMau()"

<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

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

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