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

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

Sự kiện onmouseleave 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>Sự kiện onmouseleave 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>Sự kiện onmouseleave không gán trực tiếp trong JavaScript</h1>
<p>Hoạt động như onmouseout 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.onmouseleave = function(){
kvuong.style.background = 'green';
};

var kvuong2 = document.getElementById('kvuong2');
kvuong2.addEventListener('mouseleave', function(){
kvuong2.style.background = 'green';
});
</script>
</body>
</html>
Sự kiện onmouseleave không gán trực tiếp trong JavaScript nằm trong bài viết Sự kiện onmouseleave trong JavaScript