Như chúng ta biết ESC có mã khóa 27. Nếu bạn sử dụng mã khóa 27, thì bạn có thể xử lý điều kiện.
Ví dụ
Sau đây là mã -
<!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("ESC key is pressed....");
}
else {
console.log("Some other is key pressed....")
}
});
</script>
</html> Để chạy chương trình trên, hãy lưu tên tệp “anyName.html (index.html)”. Nhấp chuột phải vào tệp và chọn tùy chọn “Mở bằng Máy chủ Trực tiếp” trong trình chỉnh sửa Mã VS.
Đầu ra
Điều này sẽ tạo ra kết quả sau -
Bây giờ tôi sẽ nhấn một nút khác ngoại trừ phím ESC.
Đầu ra
Điều này sẽ tạo ra kết quả sau trên bảng điều khiển -
Bây giờ, tôi sẽ nhấn phím ESC. Đầu ra của bảng điều khiển sẽ thay đổi -
