onkeypress 和 charCode 的 Firefox 问题答案

【问题标题】：Firefox issue with onkeypress and charCodeonkeypress 和 charCode 的 Firefox 问题
【发布时间】：2013-04-22 08:47:02
【问题描述】：

我试图限制用户在文本框中只输入数字

<input type="text" name="pQ[]" onkeypress=" return checkKeyVal(event)"/>

function checkKeyVal(ev)
{
    if(ev.keyCode)
    {
        if(ev.keyCode<48 || ev.keyCode>57)
        {
            return false;
        }
    }
    else
    { 
        //For Firefox
        if(ev.charCode<48 || ev.charCode>57)
        {
            return false;
        }
    }
}

我发现 keyCode 不能在 firefox 中工作，所以我添加了 charCode。现在的问题是，退格键、删除键和箭头键等其他键似乎在 Firefox 中都不起作用

【问题讨论】：

你的问题是什么？

标签： javascript firefox

【解决方案1】：

您构建逻辑的方式是错误的。首先让我们看一下以下字符的 ascii 代码：

后退空间：10

删除：127

现在对于箭头键，这取决于您使用的操作系统和编程语言。本身没有“ASCII码”。操作系统检测到您按下箭头键并触发程序可以捕获的事件。

因此，此类键的信号的正常表如下所示：

                    Normal Mode            Num lock on
                 Make    Break        Make          Break
Down arrow       E0 50   E0 D0     E0 2A E0 50   E0 D0 E0 AA
Left arrow       E0 4B   E0 CB     E0 2A E0 4B   E0 CB E0 AA
Right arrow      E0 4D   E0 CD     E0 2A E0 4D   E0 CD E0 AA
Up arrow         E0 48   E0 C8     E0 2A E0 48   E0 C8 E0 AA

但是，对于使用 javascript ，通常我们使用：

left arrow: 37 
up arrow: 38
right arrow: 39
down arrow: 40

现在这些是浏览器中的 event.keyCode，而不是 ASCII 代码。参考：这个url.

让我们看看你的逻辑，

if(ev.keyCode<48 || ev.keyCode>57)
        {
            return false;
        }

所以，退格（10），左箭头（37），上箭头（38），右箭头（39），下箭头（40）小于48，删除（127）大于57。

因此，一旦按下这些键，它们将返回 false，因此您将永远不会在 UI 中看到它们进行按键操作。所以你需要做的是改变你的条件，这样对于那些按键，你就会得到真实的。

注意：

您可能可以使用这段代码，我通常将其用于 java 脚本目的：

function isNumber(event){
  var charCode = (event.which) ? event.which : event.keyCode;
  if (charCode > 31 && (charCode < 48 || charCode > 57))
   return false;
 return true;
}

我已经在 IE 7、8、MF 和 chrome 中测试了这只小狗。似乎在任何地方都能无缝工作。但是，如果您想为自己明确记录一些按键事件，请在 google 中查找事件代码，然后阻止/取消阻止它。干杯！

【讨论】：

你解释的很清楚。我试过你的代码，它在 Firefox 和 IE 中都能正常工作。谢谢
干杯伙伴！很高兴能帮上忙。
这在 Firefox 48.0.2 上不起作用。我刚试过。 DELETE 键不会做任何事情。所以，我已经提醒 Firefox 48.0.2 中 DELETE 键的字符代码是 46。这太奇怪了。有人遇到这种情况吗？
解决方案在这里，stackoverflow.com/questions/31168918/… 修复了我在 Firefox 上的问题

【解决方案2】：

问题是你正在使用keypress事件，切换到keyup或keydown。然后keyCode 也将开始在 Firefox 中为您工作。看看这个Quirksmode article，了解更多关于带有按键检测的浏览器行为的信息。

<input type="text" name="pQ[]" onkeyup="return checkKeyVal(event)"/>

【讨论】：