เช็ครหัสปุ่มคีย์บอร์ด

วิธีใช้งาน

1. 1เปิดหน้านี้แล้วกดปุ่มบนคีย์บอร์ดที่ต้องการรู้รหัส ไม่ต้องคลิกช่องไหนก่อน
2. 2ดูค่า event.key, event.code, keyCode และ which ที่แสดงขึ้นมาทันที
3. 3กดค้างปุ่ม Ctrl, Shift, Alt หรือ Command ร่วมด้วย เพื่อดูว่าค่า modifier เปลี่ยนอย่างไร
4. 4กดปุ่มคัดลอกเพื่อเอาค่าทั้งชุดเป็น JSON ไปวางในโค้ดได้เลย

คำถามที่พบบ่อย

event.key กับ event.code ต่างกันอย่างไร

event.key คือตัวอักษรที่ปุ่มนั้นพิมพ์ออกมา ซึ่งเปลี่ยนตามภาษาและตามการกด Shift เช่นปุ่มเดียวกันอาจได้ a, A หรือ ฟ ส่วน event.code คือชื่อของปุ่มตามตำแหน่งจริงบนคีย์บอร์ด เช่น KeyA ซึ่งไม่เปลี่ยนแม้สลับภาษา ถ้าคุณทำคีย์ลัดหรือปุ่มควบคุมในเกม ควรใช้ event.code

keyCode ยังใช้ได้ไหม

ยังทำงานอยู่ในเบราว์เซอร์ปัจจุบัน แต่มาตรฐานประกาศเลิกใช้แล้ว (deprecated) และค่าไม่ตรงกันทุกเบราว์เซอร์ในบางปุ่ม ถ้าเขียนโค้ดใหม่ควรใช้ event.key หรือ event.code แต่ถ้าต้องแก้โค้ดเก่าที่เช็ค keyCode อยู่ เครื่องมือนี้ช่วยหาเลขที่ถูกต้องได้

ทำไมกดบางปุ่มแล้วไม่มีอะไรขึ้น

บางปุ่มถูกเบราว์เซอร์หรือระบบปฏิบัติการดักไว้ก่อนที่หน้าเว็บจะเห็น เช่น F5 (รีเฟรช), F12 (เครื่องมือนักพัฒนา) หรือ Ctrl/Command + W (ปิดแท็บ) หน้านี้จะขึ้นข้อความเตือนให้เมื่อเจอปุ่มกลุ่มนี้

event.location คืออะไร

เป็นตัวบอกว่าปุ่มอยู่ตำแหน่งไหนเมื่อมีปุ่มชื่อเดียวกันหลายตัว ค่า 0 คือปุ่มปกติ 1 คือฝั่งซ้าย 2 คือฝั่งขวา และ 3 คือแป้นตัวเลขด้านขวา (numpad) จึงใช้แยก Shift ซ้ายกับ Shift ขวาได้

ค่าที่กดถูกส่งขึ้นเซิร์ฟเวอร์ไหม

ไม่ส่ง ทุกอย่างอ่านและแสดงในเบราว์เซอร์ของคุณเท่านั้น ไม่มีการบันทึกหรือส่งปุ่มที่คุณกดออกไปที่ใด