คุณสมบัติ key ของ KeyboardEvent

DOM 事件 KeyboardEvent

การประกาศและการใช้งาน

คุณสมบัติ key คืนตัวแทนที่ชี้ว่าปุ่มทางเทียบแป้นที่กดลงในขณะที่เกิดเหตุการณ์กดปุ่มทางเทียบแป้น

ตัวแทนที่ชี้ว่าปุ่มแป้นทางเทียบแป้นคืออะไร ค่าที่คืนค่าของคุณสมบัตินี้จะเป็นตัวอักษรต่อไปนี้:

  • อักษรเดี่ยว (เช่น "a", "W", "4", "+" หรือ "$")
  • หลายอักษร (เช่น "F1", "Enter", "HOME" หรือ "CAPS LOCK")

หมายเหตุ：คุณสมบัตินี้เป็นอ่านเฉพาะ

คำเตือน：ถ้าคุณอยากดูว่าเมื่อเกิดเหตุการณ์กดปุ่มทางเทียบแป้น คุณกดปุ่ม "ALT"、"CTRL"、"META" หรือ "SHIFT" ไหม ใช้ altKey、ctrlKey、metaKey หรือ shiftKey คุณสมบัติ

ตัวอย่าง

ตัวอย่าง 1

ดึงปุ่มแป้นทางเทียบแป้นที่กดลงในขณะที่เกิดเหตุการณ์กดปุ่มทางเทียบแป้น

var x = event.key;

ลองทดสอบด้วยตัวเอง

ตัวอย่าง 2

ถ้าผู้ใช้กดปุ่ม 'A' แสดงข้อความบางอย่าง:

var x = event.key;
// ถ้าปุ่มแป้นทางเทียบแป้นที่กดลงคือ "a" หรือ "A" (ใช้ CapsLock หรือ Shift) แสดงข้อความบางอย่าง。
if (x == "a" || x == "A") { 
  alert ("คุณกดปุ่ม 'A'!");
}

ลองทดสอบด้วยตัวเอง

รูปแบบการใช้งาน

event.key

รายละเอียดเทคนิค

ค่าที่คืนค่ามา:

ข้อความเป็นตัวอักษร ที่แสดงว่าปุ่มแป้นทางเทียบแป้นที่กดลง

ค่าที่เป็นไปได้：

  • อักษรเดี่ยว (เช่น "a", "W", "4", "+" หรือ "$")
  • หลายอักษร (เช่น "F1", "Enter", "HOME" หรือ "CAPS LOCK")

หมายเหตุ：คืนค่า undefined ใน Safari。
เวอร์ชั่น DOM： DOM Level 3

การสนับสนุนบราวเซอร์

ตัวเลขในตารางระบุเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。

คุณสมบัติ Chrome IE Firefox Safari Opera
key 51.0 9.0 23.0 ไม่สนับสนุน 38.0

หน้าที่เกี่ยวข้อง

HTML DOM คู่มืออ้างอิง：KeyboardEvent keyCode คุณสมบัติ

HTML DOM คู่มืออ้างอิง：KeyboardEvent which คุณสมบัติ

HTML DOM คู่มืออ้างอิง：KeyboardEvent charCode คุณสมบัติ

DOM 事件 KeyboardEvent