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

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

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

<h1>Sự kiện onkeydown không gán trực tiếp trong JavaScript</h1>
<p>Dùng để xử lý sự kiện khi gõ một phím bất kì vào ô input của thẻ HTML:</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" ><br>
<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('keydown', 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.onkeydown = 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 onkeydown không gán trực tiếp trong JavaScript nằm trong bài viết Sự kiện onkeydown trong JavaScript