javascript onkeydown 在数字键盘中不起作用

Question

我在从数字键盘输入数字值时遇到问题。我的脚本仅接受“qwerty”键上方数字键的数字。我想要的是用户还可以从数字键盘输入数字。以下是 HTML:

<td style="border: 1px solid #ddd;background-color:#E5E4E2;">
     <input type="text" name="qty_enter[]"  id="qty_enter0" onkeyup="sum(0),itc_details(0),prevent_zero(0),advance_seeting1();" onkeypress="copyValue2(1)" onkeydown="return isNumberKey(event)" style="width: 65px;outline: none;border: none; background: transparent;"/>
</td>

但是我尝试在 onkeypress 和 onkeyup 函数上调用脚本，但它不起作用，因为我已经在那里调用了函数。以下是仅接受数值的脚本。我还仔细检查了 Num Lock，这不是问题。

<script>
    function isNumberKey(evt)
           {
              var charCode = (evt.which) ? evt.which : event.keyCode
              if (charCode != 46 && charCode > 31 
                && (charCode < 48 || charCode > 57))
                 return false;

              return true;
           }
    </script>

如有任何帮助，我们将不胜感激。谢谢。

Answer 1

因为numlock数字键码与普通数字键不同。

Ex keycode 48=number 0, when Numlock 0 = keycode 96;

Look this article .

function isNumberKey(evt){
  var charCode = (evt.which) ? evt.which : event.keyCode
  console.log("KeyCode: "+charCode);
  if (charCode >= 96 && charCode <= 106 )
      console.log("Numlock number detected: "+charCode);
}

<td style="border: 1px solid #ddd;background-color:#E5E4E2;">
     <input type="text" name="qty_enter[]"  id="qty_enter0"  onkeydown="isNumberKey(event)" style="width: 65px;"/>
</td>