Submit Textbox เมื่อกดปุ่ม Enter ใน JavaScript

ใช้ Event keydown ตรวจสอบ keyCode === 13 (Enter) เรียกฟังก์ชัน Submit

ตัวอย่างโค้ด

<!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>
<body>
    <input type="text" id="name"/>

    <script>
        document.getElementById("name").addEventListener("keydown", function(event) {
            if (!event) {
                var event = window.event;
            }
            event.preventDefault();
            if (event.keyCode == 13) {
                login();
            }
        }, false);

        function login() {
            console.log("submitted successfully....");
        }
    </script>
</body>
</html>

วิธีรันโปรแกรม

1. บันทึกไฟล์ชื่อ "anyName.html" หรือ "index.html"
2. คลิกขวาที่ไฟล์ เลือก "Open with Live Server" ใน VS Code Editor

ผลลัพธ์

พิมพ์ในช่อง Input แล้วกด Enter จะ Log "submitted successfully...." ใน Console

หมายเหตุ: keyCode เป็น Deprecated ควรใช้ event.key === 'Enter' แทน