html输入框无法输入,input输入框无法输入的Bug

bug的产生和修改

上周临近周末休息的时候，一个同事跑过来了，对我说：“阿伦啊，有一个页面出问题了，火狐浏览器所有的input都没法输入了。”我一听，是不是你给加了什么属性，让input输入框只读了啊。看了一下代码，很正常的一个输入框，并且CSS写的也很正常。

但是运行之后发现无法输入任何东西，包括字母、符号、数字(后来实验发现，输入了汉字之后可以输入符号和数字，这个暂时未发现原因)。那么问题就来了，肯定是js部分的问题了。当时我就猜大概是做了限制，但是当时我还是比较相信同事写的代码的。我就面对着几个js文件一个一个的看，一个几千行行代码，知道我看到了下面这段代码：

$("input[type='text']").keypress(function (e) {

if (!String.fromCharCode(e.keyCode).match(/[0-9\.]/)) {

returnfalse;

}

})

虽然当时没验证这段代码的情况，但是直觉告诉我找到原因了。我把这段代码复制出来还原了一下，大概意思就是所有的文本输入框在keypress事件触发这个函数，使用正则验证输入的情况，只能输入小鼠和小数点。但是当运行的时候问题出现了，bug出现了，那么问题找到了，就是这四行代码导致的，在那堆js代码中去掉这四行之后就没有了问题。

之后我研究出错的原因时发现，e.keyCode在谷歌时正常显示，但是在火狐浏览器下就会出现问题了：

谷歌浏览器

火狐浏览器</