Để phát hiện phím mũi tên khi nó được nhấn, hãy sử dụng phím tắt trong JavaScript.
Nút có mã khóa. Như bạn đã biết phím mũi tên trái có mã 37. Phím mũi tên lên có mã 38 và phím phải có mã 39 và phím xuống có mã 40.
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>
<body>
</body>
<script>
document.onkeydown = function (event) {
switch (event.keyCode) {
case 37:
console.log("Left key is pressed.");
break;
case 38:
console.log("Up key is pressed.");
break;
case 39:
console.log("Right key is pressed.");
break;
case 40:
console.log("Down key is pressed.");
break;
}
};
</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
Ở đây, tôi đã nhấn phím mũi tên lên. Điều này sẽ tạo ra kết quả sau trên bảng điều khiển -
