Javascript numberpad键码解析

Question

我试图用以下代码从数字键盘解析keydown事件:

$('#myDiv').keydown(function(e) {
  val = String.fromCharCode(e.which)
});

问题是键盘0-9返回keyCodes 96-105,根据fromCharCode()小写字母a-i.如何将numberpad的keydown事件解析为适当的数字？

Answer 1

你没有:你使用这个keypress事件.该keypress事件是唯一可以为您提供有关键入字符的可靠信息的事件.如果您只是更改keydown为,现有代码将起作用keypress.

Answer 2

which传递给的值keydown不是字符代码; 它是一个关键代码(代码从浏览器/操作系统到浏览器/操作系统不等).你可以使用这个页面上的表格将它映射到一个角色,但是要说这些东西有点......尴尬...会低估这种情况.:-)

否则,最好的办法是等待keypress事件,该事件将包含字符代码(如果相关)而不是密钥代码.

示例:实时复制 | 直播源

jQuery(function($) {

  $("#theField")
    .keydown(function(event) {
      showKey("keydown", event.which);
    })
    .keypress(function(event) {
      showKey("keypress", event.which);
    })
    .focus();

  function showKey(eventName, which) {
    display(eventName +
            ": " + which + " (" +
            String.fromCharCode(which) + ")");
  }

  function display(msg) {
    $("<p>").html(msg).appendTo(document.body);
  }
});

使用此HTML:

<input type="text" id="theField">