ตัวอย่าง
ได้รับค่า Unicode ของคีย์แป้นพิมพ์กด:
var x = event.keyCode;ผลของ x อาจจะ:
119 // 119 is the character
"w" ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
คุณสมบัติ keyCode ส่งกลับรหัสอักขระ Unicode ของคีย์ที่เรียก onkeypress เหตุการณ์หรือ Unicode รหัสคีย์ของคีย์ที่เรียก onkeydown หรือ OnKeyUp เหตุการณ์
ความแตกต่างระหว่างสองประเภทรหัส:
- รหัสตัวอักษร - ตัวเลขซึ่งหมายถึงการอักขระ ASCII
- รหัส Key - จำนวนซึ่งหมายถึงการที่สำคัญที่เกิดขึ้นจริงบนแป้นพิมพ์
ประเภทนี้ไม่ได้หมายความว่าสิ่งเดียวกัน; ตัวอย่างเช่นกรณีที่ต่ำกว่า "w" และกรณีบน "W" มีรหัสแป้นพิมพ์เดียวกันเพราะคีย์ที่กดลงบนแป้นพิมพ์เป็นเหมือนกัน (just "W" = the number "87") แต่ที่แตกต่างกัน รหัสอักขระเพราะตัวละครที่ส่งผลที่แตกต่างกัน (ทั้ง "w" หรือ "W" ซึ่งเป็น "119" หรือ "87") - ดู "More Examples" ด้านล่างเพื่อทำความเข้าใจมัน
เคล็ดลับ: หากต้องการค้นหาว่าผู้ใช้จะกดปุ่มพิมพ์ (เช่น "a" หรือ "5") ก็จะแนะนำให้ใช้คุณสมบัตินี้ในเหตุการณ์ onkeypress เพื่อดูว่าผู้ใช้จะกดปุ่มฟังก์ชั่น (เช่น "F1" , "CAPS LOCK" หรือ "บ้าน") ใช้ onkeydown หรือเหตุการณ์ OnKeyUp
หมายเหตุ: ใน Firefox คุณสมบัติ keyCode ไม่ทำงานในเหตุการณ์ onkeypress (will only return 0) สำหรับการแก้ปัญหาเบราว์เซอร์ใช้ ซึ่ง คุณสมบัติร่วมกับ keyCode เช่น:
var x = event.which || event.keyCode; // Use either which or keyCode ,
depending on browser supportเคล็ดลับ: สำหรับรายชื่อของตัวอักษร Unicode ทั้งหมดโปรดศึกษาของเรา อ้างอิง Unicode สมบูรณ์
เคล็ดลับ: หากคุณต้องการแปลงค่า Unicode กลับมาเป็นตัวอักษรให้ใช้ fromCharCode() วิธีการ
หมายเหตุ: คุณสมบัตินี้ถูกอ่านอย่างเดียว
หมายเหตุ: ทั้ง keyCode และคุณสมบัติที่มีไว้สำหรับการทำงานร่วมกันเท่านั้น รุ่นล่าสุดของข้อกำหนด DOM เหตุการณ์ขอแนะนำให้ใช้ คีย์ ทรัพย์สินแทน (if available)
เคล็ดลับ: หากคุณต้องการที่จะหาว่า "ALT" , "CTRL" , "META" หรือ "SHIFT" คีย์ถูกกดเมื่อมีเหตุการณ์สำคัญเกิดขึ้นใช้ altKey , ctrlKey , metaKey หรือ shiftKey คุณสมบัติ
สนับสนุนเบราว์เซอร์
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| keyCode | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
event .keyCodeรายละเอียดทางเทคนิค
| กลับค่า: | หมายเลขที่เป็นตัวแทนของทั้งรหัสอักขระ Unicode หรือ Unicode รหัสคีย์ |
|---|---|
| DOM เวอร์ชัน: | ระดับ DOM 2 เหตุการณ์ |
ตัวอย่างอื่น ๆ
ตัวอย่าง
ใช้ onkeypress และ onkeydown แสดงให้เห็นถึงความแตกต่างระหว่างรหัสตัวอักษรและแป้นพิมพ์รหัส:
<input type="text" onkeypress="uniCharCode(event)" onkeydown="uniKeyCode(event)">
function uniCharCode(event) {
var char = event.which ||
event.keyCode;
document.getElementById("demo").innerHTML = "Unicode CHARACTER code: " +
char;
}
function uniKeyCode(event) {
var key = event.keyCode;
document.getElementById("demo2").innerHTML = "Unicode KEY code: " + key;
}
เมื่อกด "a" บนแป้นพิมพ์ (not using caps lock) เป็นผลมาจากถ่านและที่สำคัญจะเป็น:
Unicode CHARACTER code: 97
Unicode KEY
code: 65 ลองตัวเอง» ตัวอย่าง
แจ้งเตือนข้อความบางอย่างถ้าผู้ใช้กดปุ่ม Escape:
<input type="text" onkeydown="myFunction(event)">
function
myFunction(event) {
var x = event.keyCode;
if (x == 27) { // 27 is the ESC key
alert ("You pressed the Escape key!");
}
}
ลองตัวเอง» ตัวอย่าง
แปลงค่า Unicode เป็นตัวอักษร (does not work for function keys) :
var x = event.keyCode; // Get the Unicode value
var y = String.fromCharCode(x);
// Convert the value into a character
ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: KeyboardEvent key Property
อ้างอิง HTML DOM: KeyboardEvent charCode Property
อ้างอิง HTML DOM: KeyboardEvent which Property
<object เหตุการณ์