keyCode数字键盘的值？

数字小键盘上的数字是否具有与键盘顶部的数字不同的键控代码？

这是应该在keyup事件上运行的一些JavaScript，但前提是键码在48到57之间。这是代码：

$('#rollNum').keyup(function(e) {
    if(e.keyCode >= 48 && e.keyCode <= 57) { //0-9 only
        var max = 15;
        var textLen = $(this).val().length;
        var textLeft = max - textLen;
        . . . 

我的问题是，此代码仅响应于在键盘顶部输入的数字而运行，而不响应于从数字小键盘输入的数字而运行。

我在想答案必须是数字小键盘具有不同的keyCode值，但是如何找出这些数字呢？

密钥代码不同。键盘0-9是个人识别号码96来105

您的if声明应为：

if ((e.keyCode >= 48 && e.keyCode <= 57) || (e.keyCode >= 96 && e.keyCode <= 105)) { 
    // 0-9 only
}

这是键码的参考指南

*******************不要使用KEYCODE !!!! ******************

keyCode的问题是要避免将组合键与键盘顶部的数字组合在一起，我们必须在键“ Shift”和“ Alt”上添加对勾，以避免出现诸如e @＆“ {}这样的特殊字符。

最简单的解决方案是将e.key转换为数字，并检查转换是否给出NaN！

let key = Number(e.key)
if (isNaN(key) || e.key === null || e.key === ' ') {
  console.log("is not numeric")
}
else {
  console.log("is numeric")
}

请注意，如果e.key为null或空格，则它为0！

Number(5)         // => 5
Number('5')       // => 5
Number(null)      // => 0 
Number(' ')       // => 0
Number('chars')   // => NaN
Number(undefined) // => NaN

您可以简单地运行

$(document).keyup(function(e) {
    console.log(e.keyCode);
});

在浏览器控制台中查看按键的代码。

或者，您可以在此处找到关键代码：https : //developer.mozilla.org/zh-CN/docs/Web/API/KeyboardEvent/keyCode#Numpad_keys

对于数字小键盘上的数字和键盘顶部的数字，keyCode是不同的。

keyCodes：

上键盘的顶部的数字（0 - 9）：48 - 57
号数字键盘上的 （0 - 9）：96 - 105

JavaScript条件：

if((e.keyCode >= 48 && e.keyCode <=57) || (e.keyCode >= 96 && e.keyCode <=105)) { 
    // entered key is a number
}

所有键码的参考（含演示）：http : //www.codeforeach.com/javascript/keycode-for-each-key-and-usage-with-demo

对于需要CTRL + C，CTRL-V解决方案的人们，您可以执行以下操作：

    /**
     * Retrieves the number that was pressed on the keyboard.
     *
     * @param {Event} event The keypress event containing the keyCode.
     * @returns {number|null} a number between 0-9 that was pressed. Returns null if there was no numeric key pressed.
     */
    function getNumberFromKeyEvent(event) {
        if (event.keyCode >= 96 && event.keyCode <= 105) {
            return event.keyCode - 96;
        } else if (event.keyCode >= 48 && event.keyCode <= 57) {
            return event.keyCode - 48;
        }
        return null;
    }

它使用第一个答案的逻辑。

要添加其他一些答案，请注意：

• keyup并且keydown 不同于keypress
• 如果您要用于String.fromCharCode()从中获取实际数字keyup，则首先需要对keyCode。

以下是一个自我记录的示例，该示例确定键是否为数字以及键为数字（示例使用中的range功能lodash）。

const isKeypad = range(96, 106).includes(keyCode);
const normalizedKeyCode = isKeypad ? keyCode - 48 : keyCode;
const isDigit = range(48, 58).includes(normalizedKeyCode);
const digit = String.fromCharCode(normalizedKeyCode);

您可以使用键码页面来查找：

事件代码

区别数字键盘。

https://keycode.info/

function getNumberFromKeyEvent(event) {
   if (event.code.indexOf('Numpad') === 0) {
      var number = parseInt(event.code.replace('Numpad', ''), 10);
      if (number >= 0 && number <= 9) {
           // numbers from numeric keyboard
      }
   }
}

是的，它们是不同的，尽管许多人都建议使用console.log亲自查看。但是，我没有看到任何人提到event.location，您可以使用它来确定数字是否来自键盘event.location === 3还是主键盘/通用键的顶部event.location === 0。当您通常需要确定击键是否来自键盘区域时，这种方法将是最合适的，这event.key对于特定的键可能更好。

@ .A的答案。我发现羊肚菌是占地面积小，最易理解的最佳解决方案。如果您想减少代码量，只需在顶部添加此解决方案，它是对Morel的修改，非常适合不允许包含输入臭名昭著的“ e”字符的任何形式的字母。

function InputTypeNumberDissallowAllCharactersExceptNumeric() {
  let key = Number(inputEvent.key);
  return !isNaN(key);
}

Docs说与onkeyxxx事件相关的事件顺序：

1. 按键
2. 按键
3. 按键

如果您使用类似下面的代码，则它也适合退格并输入用户交互。之后，您可以在onKeyPress或onKeyUp事件中执行所需的操作。代码块触发event.preventDefault函数（如果该值不是数字，退格键或Enter）。

onInputKeyDown = event => {
    const { keyCode } = event;
    if (
      (keyCode >= 48 && keyCode <= 57) ||
      (keyCode >= 96 && keyCode <= 105) ||
      keyCode === 8 || //Backspace key
      keyCode === 13   //Enter key
    ) {
    } else {
      event.preventDefault();
    }
  };

一点点清除@ A.Morel的答案。您可能要注意键盘语言的布局。某些键盘布局将默认数字键更改为符号。

let key = parseInt(e.key)
if (isNaN(key)) {
  console.log("is not numeric")
}
else {
  console.log("is numeric")
}

您可以使用它轻松找出keyCode：

$(document).keyup(function(e) {
    // Displays the keycode of the last pressed key in the body
    $(document.body).html(e.keyCode);
});

http://jsfiddle.net/vecvc4fr/