Xử lý phím ESC keydown trên popup window - JavaScript

Như chúng ta biết, phím ESC có keycode là 27. Sử dụng keycode 27 để xử lý điều kiện.

Ví dụ

Mã minh họa:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <title>Document</title> 
</head> 
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" /> 
<body> 
</body> 
<script> 
  $(document).keydown(function (eventValue) { 
    if (eventValue.keyCode == 27) { 
      console.log("Phím ESC được nhấn...."); 
    } else { 
      console.log("Phím khác được nhấn...."); 
    } 
  }); 
</script> 
</html>

Để chạy chương trình, lưu file index.html và mở với Live Server trong VSCode.

Kết quả

Khi nhấn phím ESC, console in "Phím ESC được nhấn....". Nhấn phím khác in "Phím khác được nhấn....".