Chạy thử Sự kiện onmouseover không gắn trực tiếp trong JavaScript

Chạy thử Sự kiện onmouseover không gắn trực tiếp trong JavaScript

Chạy thử Sự kiện onmouseover không gắn trực tiếp trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Sự kiện onmouseover không gắn trực tiếp trong JavaScript</title>
</head>
<style>
#kvuong{width:200px;height:200px;float:left;line-height:200px;text-align:center;background:red}
#kvuong2{width:200px;height:200px;float:right;line-height:200px;text-align:center;background:red}
</style>
<body>

<h1>Chạy thử Sự kiện onmouseover không gắn trực tiếp trong JavaScript</h1>
<p>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:</p>

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

</body>
</html>
Chạy thử Sự kiện onmouseover không gắn trực tiếp trong JavaScript nằm trong bài viết Sự kiện onmouseover trong JavaScript