Sự kiện onkeydown trong JavaScript

• Trần Ngọc Thanh
• 32
• 27/08/2025

Sự kiện onkeydown trong JavaScript dùng để xử lý sự kiện khi gõ một phím bất kì vào ô input của thẻ HTML, chi tiết như nào hãy cùng chúng tôi phân tích:

Sự kiện onkeydown trong JavaScript

Chức năng của Sự kiện onkeydown trong JavaScript

Sự kiện onkeydown trong JavaScript dùng để xử lý sự kiện khi gõ một phím bất kì vào ô input của thẻ HTML.

Code Sự kiện onkeydown trong JavaScript

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

<input onkeydown="nhapTuoi()" type="text" id="tuoi" placeholder="Nhập tuổi từ 18 tới 40" ><br>
<script>
function nhapTuoi(){
var tuoi= document.getElementById('tuoi');
var sotuoi =  tuoi.value;
 if(sotuoi<18||sotuoi>40){
  alert("Bạn phải nhập tuổi từ 18 tới 40"); 
 }
}
</script>

Chạy Thử

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

<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() {
  // 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.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>

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Sự kiện onkeydown trong JavaScript.