KeyboardEvent charCode property

DOM 事件 KeyboardEvent

Definition and Usage

the charCode property returns the Unicode character code of the key that triggered เหตุการณ์ onkeypress the Unicode character code of the key

Unicode character code is a number that represents a character (for example, the number "97" represents the letter "a")

คำเตือน：สำหรับรายการตัวอักษร Unicode ทั้งหมด โปรดดูเอกสารของเรา Complete Unicode Reference

คำเตือน：ถ้าคุณต้องการแปลงค่า Unicode ให้เป็นตัวอักษร ใช้ fromCharCode() method

หมายเหตุ：ถ้าคุณใช้ค่านี้ใน onkeydown หรือ onkeyup ค่าที่กลับมาจากเหตุการณ์ event จะมีค่า "0"

หมายเหตุ：คุณสามารถเข้าถึงค่านี้แต่ไม่สามารถเปลี่ยนแปลงได้

หมายเหตุ：IE8 และเวอร์ชั่นเดิมก่อนหน้านี้ไม่สนับสนุนค่า charCode แต่สำหรับเวอร์ชั่นบราวเซอร์นี้ คุณสามารถใช้ ค่า keyCodeหรือ สำหรับแนวทางแก้ปัญหาที่เป็นไปได้ด้วยทุกบราวเซอร์ คุณสามารถใช้รหัสอ้างอิงต่อไปนี้

var x = event.charCode || event.keyCode; // ใช้ charCode หรือ keyCode ขึ้นอยู่กับการสนับสนุนของบราวเซอร์

คำเตือน：คุณยังสามารถใช้ค่า keyCode ในการตรวจสอบตัวกุญแจพิเศษ (เช่น Shift Lock หรือ Direction Key) ได้ แต่ การเสนอค่า keyCode และ charCode มีเพื่อความสามารถเปรียบเทียบระหว่างบราวเซอร์ สูตรฉบับล่าสุดของ DOM Event กำหนดให้ใช้ค่า key (ถ้าเป็นไปได้)

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

ตัวอย่าง

ตัวอย่าง 1

รับค่า Unicode ของทางกดปุ่มแป้น

var x = event.charCode;

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

ตัวอย่าง 2

แนวทางที่สามารถรับค่า Unicode ของทางกดปุ่มแป้นทางเว็บทุกเครื่องมือ

// ถ้าเครื่องมือเว็บสนับสนุน ใช้ charCode และไม่สนับสนุนใช้ keyCode (เหมาะสำหรับ IE8 และเก่ากว่า)
var x = event.charCode || event.keyCode;

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

ตัวอย่าง 3

ถ้าผู้ใช้กดทาง "O" ให้แสดงข้อความบางอย่าง

function myFunction(event) {
  var x = event.charCode || event.keyCode;
  if (x == 111 || x == 79) { // o คือ 111 และ O คือ 79
    alert("คุณกดทาง 'O'!");
  }
}

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

ตัวอย่าง 4

แปลงค่า Unicode ตัวอักษร：

var x = event.charCode || evt.keyCode;   // รับค่า Unicode
var y = String.fromCharCode(x);          // แปลงค่าเป็นตัวอักษร

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

ภาษาเกี่ยวข้อง

event.charCode

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

ค่าที่ส่งกลับมา： ค่าเลขเป็นค่า Unicode ตัวอักษร。
รุ่น DOM： DOM Level 2 Events

การสนับสนุนโปรแกรมบราวเซอร์

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

คุณสมบัติ Chrome IE Firefox Safari Opera
charCode การสนับสนุน 9.0 การสนับสนุน การสนับสนุน การสนับสนุน

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

คู่มือ HTML DOM ที่เกี่ยวข้อง：ตัวแปร key ของ KeyboardEvent

คู่มือ HTML DOM ที่เกี่ยวข้อง：ตัวแปร keyCode ของ KeyboardEvent

คู่มือ HTML DOM ที่เกี่ยวข้อง：ตัวแปร which

DOM 事件 KeyboardEvent