KeyboardEvent which attribute

DOM 事件 KeyboardEvent

ການອະທິບາຍ ແລະ ການນໍາໃຊ້.

ຂໍ້ມູນ which ທີ່ກັບການຄັດຄວາມ. ການປະຕິບັດວິທະຍາບັນ onkeypress ຄະແນນສາສັບ Unicode ຂອງການຄັດຄວາມ,ຫຼືການປະກາດ. onkeydown ຫຼື onkeyup ຄະແນນກະຕຸບ Unicode ຂອງການຄັດຄວາມ.

ຄວາມແຕກຕ່າງລະຫວ່າງຊະນິດນີ້:

  • ຄະແນນສາສັບ - ສະແນນທີ່ສະແດງຄະແນນສາສັບ ASCII.
  • ຄະແນນກະຕຸບ - ສະແນນທີ່ສະແດງຄະແນນຄວາມຂອງຄອບພິດບົດສະບັບພາສາ.

ຊະນິດນີ້ບໍ່ແມ່ນຕົວຢ່າງດຽວກັນຕະຫຼອດ.ອີງຕາມຄວາມພາສາ "w" ແລະ "W" ຂອງຄະແນນກະຕຸບຂອງຄອບພິດບົດສະບັບບັນທຶກພາສາທີ່ດຽວກັນ("W" = ຈຳນວນ "87"),ຂະນະທີ່ຄະແນນຂອງຄຳສັບສານທີ່ຕ່າງກັນ,ຍ້ອນຄຳສັບສານສະຫຼອງບັນທຶກພາສາຕ່າງກັນ("w" ຫຼື "W",ຫຼື "119" ຫຼື "87")- ບັນທຶກຫຼັງນີ້ຈະຫຼຸດຄວາມເຂົ້າໃຈຫຼາຍຂື້ນ.

ຄຳແນະນຳ:ສະແຫຼງວ່າຈະຮູ້ວ່າຜູ້ນຳໃຊ້ມີການຄັດຄວາມພາສາທີ່ສາມາດຖືກຂຽນ(ອີງຕາມ "a" ຫຼື "5"),ຂໍຮຽກຮ້ອງທີ່ຈະໃຊ້ພາສານີ້ໃນງານ onkeypress.ສະແຫຼງວ່າຜູ້ນຳໃຊ້ມີການຄັດຄວາມພາສາຫຼັກສັບປະຕິບັດ(ອີງຕາມ "F1"、"CAPS LOCK" ຫຼື "Home"),ຂໍຮຽກຮ້ອງທີ່ຈະໃຊ້ງານ onkeydown ຫຼື onkeyup.

ຄວາມເຫັນ:IE8 ແລະຫຼັງນັ້ນບໍ່ສະໜັບສະໜູນປະກອບ which. ສໍາລັບການທີ່ມີຄອມພິວເຕີ້ນັ້ນ, ທ່ານຈະຕ້ອງໃຊ້ປະກອບ keyCode. ແຕ່ປະກອບ keyCode ບໍ່ມີຜົນຜະລິດໃນການເກີດການ onkeypress ຂອງ Firefox. ສໍາລັບການຄວາມເຊື່ອມຕໍ່ທີ່ຫຼາຍຄົນ, ທ່ານຈະຕ້ອງໃຊ້ລະຫັດທີ່ລາວ:

var x = event.which || event.keyCode;  // ທີ່ຈະໃຊ້ which ຫຼື keyCode ຈະຖືກຕັດສິນວ່າໃນຄອມພິວເຕີ້

ຄຳແນະນຳ:ທີ່ມີລາຍການຂອງຄຳມະຍາກອນ Unicode ທັງໝົດ, ທ່ານຈະມາຊົມຊາບພາຍໃຕ້ ການຊີ້ວັດ Unicode ທັງໝົດ.

ຄຳແນະນຳ:ຖ້າທ່ານຕ້ອງການປ່ຽນ Unicode ຈຳນວນເປັນຄຳມະຍາກອນ, ທ່ານຈະຕ້ອງໃຊ້ fromCharCode() ການຂຽນ.

ຄວາມເຫັນ:ປະກອບນັ້ນຍັງບໍ່ສາມາດເບິ່ງມາດຕະການ.

ຄວາມເຫັນ:keyCode ແລະ which ປະກອບສຳລັບການເປັນຄວາມເຊື່ອມຕໍ່. ລະບົບສະໜັບສະໜູນໃໝ່ຂອງຂໍ້ກໍານົດເກມສະຫຼັດຂອງການເກີດການDOMອະນຸຍາດຍັງແນະນຳທີ່ຈະໃຊ້ key ທີ່ມີຄວາມມີຄວາມມາດ (ຖ້າມີ).

ຄຳແນະນຳ:ຖ້າທ່ານຕ້ອງການຮູ້ວ່າບໍ່ມີການກົດດັນ "ALT"、"CTRL"、"META" ຫຼື "SHIFT" ທີ່ຖືກກົດດັນໃນເວລາການເກີດການຄຳຂັບໄປຫາຄຳຫົວໄປຂອງຄຳຂັບຈົບການຫາຍບັນຊີ: altKey、ctrlKey、metaKey ຫຼື shiftKey ປະກອບ.

实例

ຮັບຄວາມມູນ Unicode ຂອງຄຳຂັບທີ່ຖືກກົດດັນ:

var x = event.which;

ມີຫຼັກການທີ່ຕິດຕາມພາຍໃຕ້ໜ້າເວັບ.

亲自试一试

ຂອບເຂດຂຽນ

event.which

ລະອຽດດ້ານເຕັກນິກ

ຜົນການຮັບຄືນ: ຈຳນວນທີ່ສະແດງUnicode ຄຳມະຍາກອນຫຼືUnicode ຄຳຫົວເຂົ້າຕາມຄຳຫົວໄປຂອງຄຳຫົວໄປ.
DOM ລະດັບ: DOM Level 2 Events

ການສະໜັບສະໜູນຄອມພິວເຕີ້

ຈຳນວນໃນຕາມການຮຽກຮ້ອງຂອງຄອມພິວເຕີ້ທີ່ເປັນສະບາຍຢູ່ໃນການສະໜັບສະໜູນປະກອບນັ້ນ.

ປະກອບ Chrome IE Firefox Safari Opera
which ການສະໜັບສະໜູນ 9.0 ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ

ຫຼັກການອື່ນ

实例

ນຳໃຊ້ onkeypress ແລະ onkeydown ເພື່ອສະແດງຄວາມແຕກຕ່າງລະຫວ່າງລະຫັດຄວາມຂອງຄຳຂັບເຄື່ອງແລະລະຫວ່າງລະຫັດຄຳຫົວເຂົ້າຕາມຄຳຫົວໄປຂອງຄຳຂັບຈົບການຫາຍບັນຊີ:

<input type="text" onkeypress="uniCharCode(event)" onkeydown="uniKeyCode(event)"> 
function uniCharCode(event) {
  var char = event.which || event.keyCode; // event.keyCode 用于 IE8 及更早版本
  document.getElementById("demo").innerHTML = "Unicode CHARACTER code: " + char;
}
function uniKeyCode(event) {
  var key = event.which || event.keyCode; // event.keyCode 用于 IE8 及更早版本
  document.getElementById("demo2").innerHTML = "Unicode KEY code: " + key;
}

按键盘上的 "a" 键（不使用 Capslock）时，char 和 key 的结果将是：

Unicode CHARACTER code: 97
Unicode KEY code: 65

亲自试一试

实例

如果用户按下 Escape 键，则提示一些文本：

 
function myFunction(event) {
  var x = event.which || event.keyCode; // event.keyCode 用于 IE8 及更早版本
  if (x == 27) {  // 27 is the ESC key
    alert ("You pressed the Escape key!");
  }
}

亲自试一试

实例

将 Unicode 值转换为字符（不适用于功能键）：

var x = event.which || event.keyCode;   // 获取 Unicode 值
var y = String.fromCharCode(x);         // 将值转换为字符

亲自试一试

相关页面

HTML DOM 参考手册：ຄວາມປອດໄພ key ຂອງ KeyboardEvent

HTML DOM 参考手册：ຄວາມປອດໄພ keyCode ຂອງ KeyboardEvent

HTML DOM 参考手册：ຄວາມປອດໄພ charCode ຂອງ KeyboardEvent

DOM 事件 KeyboardEvent