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

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

Chạy thử Sự kiện onmouseout 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 onmouseout 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 onmouseout không gán trực tiếp trong JavaScript</h1>
<p>Dùng để tạo sự kiện sau khi người dùng bỏ rê chuột khỏi thẻ HTML:</p>

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

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