ข้อมูล Keycode
ตรวจค่า key, code, keyCode และรายละเอียด keyboard event จากปุ่มที่กด
แนวคิด
ตรวจสอบ KeyboardEvent key, code และ keyCode
เครื่องมือนี้ช่วยตรวจ key, code, keyCode, which, location และสถานะปุ่มประกอบเมื่อใช้ตรวจสอบปุ่มลัดและดีบักพฤติกรรมการป้อนข้อมูล
เมื่อคีย์คอมโบบาตอนนี้ได้ค่าที่ไม่เป็นที่คาดหมาย ให้ใช้เพื่อตรวจสอบคุณสมบัติ event อย่างรวดเร็วและค้นหาปัญหาการผูกปุ่มลัดหรือการปิดกั้น
ผลลัพธ์อาจต่างกันตาม engine เบราว์เซอร์, ระบบปฏิบัติการ และ layout คีย์บอร์ด จึงควรทดสอบหลายสภาพแวดล้อมก่อนสรุป
ตรวจอะไร
ตรวจ key, code, keyCode, which, location และสถานะ Ctrl/Alt/Shift/Meta ในครั้งเดียว
ใช้ในสถานการณ์ใด
ใช้สำหรับตรวจ mapping ปุ่มลัด การทดสอบ input event และการดีบักการโต้ตอบด้วยปุ่มบนเว็บ
ข้อควรระวัง
ปุ่มลัดที่ระบบหรือ OS จองไว้บางครั้งไม่ผ่านถึงหน้า และคีย์บอร์ดเสมือนอาจให้ค่า event บางส่วน
แม้ปุ่มกดเดียวกัน การแสดงค่าตาม browser/OS/keyboard layout อาจต่างกัน ควรตรวจตามแต่ละสภาพแวดล้อมก่อนใช้งานจริง
ข้อมูล Keycode พื้นที่ทำงานข้อมูล Keycode
วิธีใช้
- 1 คลิกพื้นที่รับอินพุตหรือเปิดหน้าเครื่องมือไว้
- 2 กดปุ่มที่ต้องการตรวจสอบบนคีย์บอร์ด
- 3 ดูค่า key, code, keyCode และ modifier ที่ตรวจพบ
- 4 คัดลอก JSON หากต้องการแนบกับงาน debug หรือเอกสาร
กรณีใช้งานทั่วไป
- ตรวจ keyCode ของปุ่ม Enter
- ดู event.code สำหรับคีย์ลัด
- ตรวจ modifier อย่าง Ctrl หรือ Shift
- คัดลอกข้อมูล keyboard event เป็น JSON
คำถามที่พบบ่อย
key, code และ keyCode ต่างกันอย่างไร?
event.key แสดงค่าตามตัวอักษรหรือการกระทำ, event.code แสดงตำแหน่งปุ่มทางกายภาพ และ keyCode เป็นตัวเลขแบบเก่าที่เลิกใช้แล้วในมาตรฐานใหม่
ทำไมบางปุ่มให้ค่าต่างกันในแต่ละเครื่อง?
รูปแบบคีย์บอร์ด ภาษา ระบบปฏิบัติการ และเบราว์เซอร์อาจทำให้ค่า key หรือ code ต่างกันได้
ข้อมูลที่กดถูกส่งออกไปไหม?
ไม่ เครื่องมือนี้แสดงค่า keyboard event ในเบราว์เซอร์เท่านั้น