Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Kiểm tra phím Enter được nhấn và hiển thị kết quả ra console

Sử dụng sự kiện keypress hoặc keydown để phát hiện phím Enter (keyCode = 13).

Ví dụ

<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kiểm tra phím Enter</title>
</head>
<body>
    <input id="textBox" type="text" onkeypress="return checkEnterKey(event)" />

    <script>
        function checkEnterKey(event) {
            if (event.keyCode === 13) { // 13 là mã phím Enter
                var inputValue = document.getElementById("textBox").value;
                console.log("Giá trị nhập: " + inputValue);
                console.log("Phím Enter đã được nhấn!");
                return true;
            } else {
                console.log("Phím Enter KHÔNG được nhấn.");
                return false;
            }
        }
    </script>
</body>
</html>

Cách chạy

Lưu file index.html, mở Live Server, nhập text và nhấn Enter.

Kết quả console

Giá trị nhập: Nội dung bạn gõ
Phím Enter đã được nhấn!

Hiện đại hơn: Nên dùng event.key === "Enter" thay vì keyCode (đã deprecated).