Developer Tools

วิธีเช็ค KeyCode ปุ่มคีย์บอร์ด JavaScript (Event Key/Code) ง่ายๆ ใน 1 วินาที

อัปเดตล่าสุด: 14 Feb 2026 | Supunkan Keycode

เวลาเขียน JavaScript เพื่อดักจับการกดปุ่ม (Event Listener) เช่น ทำเกม หรือคีย์ลัด เคยสงสัยไหมว่า "ปุ่ม Enter มีรหัสอะไร?" หรือ "ปุ่ม Spacebar ชื่อว่าอะไรใน event.code?" วันนี้ Supunkan มีเครื่องมือง่ายๆ ที่จะช่วยตอบคำถามนี้ให้คุณทันทีครับ

ดูวิธีใช้งานใน 1 นาที

ค่าต่างๆ คืออะไรบ้าง?

event.key: ชื่อตัวอักษรที่ปรากฏ event.code: ตำแหน่งปุ่มจริงบนแป้น event.which: รหัสตัวเลข (ASCII) Modifiers: เช็ค Shift, Ctrl, Alt

วิธีใช้งานเครื่องมือ

1. เปิดหน้าเครื่องมือ

เข้าไปที่หน้า Keycode Info ของ Supunkan (ลิงก์ด้านล่าง)

2. กดปุ่มที่ต้องการเช็ค

กดปุ่มใดก็ได้บนคีย์บอร์ดของคุณ เช่น Enter, Spacebar, หรือตัวอักษร A, B, C

3. ดูผลลัพธ์

หน้าจอจะแสดงค่า event.key, event.code และ event.which ตัวใหญ่ๆ ให้เห็นทันที คุณสามารถจดจำค่าเหล่านี้ไปใช้ในโค้ด if (e.code === 'Enter') { ... } ได้เลย

ข้อควรรู้สำหรับ Dev

ปัจจุบันแนะนำให้ใช้ event.code แทน event.which (deprecated) เพราะ event.code จะอ้างอิงตำแหน่งปุ่มจริงบนคีย์บอร์ด ไม่เปลี่ยนไปตามภาษาของแป้นพิมพ์ครับ

พร้อมเช็ครหัสปุ่มหรือยัง?

ไปที่ Keycode Viewer