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

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

Sự kiện onkeyup 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 onkeyup không gán trực tiếp trong JavaScript</title>
<style>
input{margin-bottom:5px}
</style>
</head>
<body>

<h1>Sự kiện onkeyup không gán trực tiếp trong JavaScript</h1>
<p>Dùng để xử lý sự kiện khi bạn gõ phím nhưng lúc bạn nhã phím ra sẽ được kích hoạt:</p>

<input type="text" id="tuoi" placeholder="Nhập tuổi từ 18 tới 40"><br>
<input type="text" id="tuoi2" placeholder="Nhập tuổi từ 18 tới 40">

<script>
// Lấy đối tượng HTML
var tuoi= document.getElementById('tuoi');
// dùng tên đối tượng HTML vừa lấy để addEventListener
tuoi.addEventListener('keyup', function() {
var sotuoi =  tuoi.value;
if(sotuoi<18||sotuoi>40){
 alert("Bạn phải nhập tuổi từ 18 tới 40"); 
}
});

// Lấy đối tượng HTML
var tuoi2 = document.getElementById('tuoi2');
// dùng tên đối tượng HTML vừa lấy để gọi hàm
tuoi2.onkeyup = function(){
var sotuoi =  tuoi2.value;
if(sotuoi<18||sotuoi>40){
 alert("Bạn phải nhập tuổi từ 18 tới 40"); 
}
};
</script>

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