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

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

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

<h1>Sự kiện onkeypress 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('keypress', function() {
  // code xử lý
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.onkeypress = 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 onkeypress không gán trực tiếp trong JavaScript nằm trong bài viết Sự kiện onkeypress trong JavaScript