jQuery 从所有浏览器获取数字输入

Question

我希望用户在焦点位于输入项上时按下数字键，浏览器应转到 foo.com/[number]

这是我使用的代码：

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

$(document).ready(function(){

    $('.my_input').keypress(function(event){
        if(isNumberKey(event)){
            window.location='foo.com/'+(event.keyCode-48);
        }
   });

});

它适用于 Google Chrome，但 Firefox 用户遇到错误。我还想实现一个移动版本，用户可以输入数字，然后按移动设备的 "enter" 键。

我如何确保这适用于所有支持 javascript 的浏览器？

感谢您的帮助！

Answer 1

这是您更正的代码，但我认为这不是您真正想要的。请注意，从小键盘返回的字符码与数字键行的字符码不同。

function isNumberKey(evt){
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if ((charCode >= 48 && charCode <= 57) || (charCode >= 96 && charCode <= 105)) { //0-9 only (inc numpad)
        return true;
    }
    return false;
}

$(document).ready(function(){
    $("input[type='number']").on("keyup",function(evt){
      if(isNumberKey(evt)){
            var charCode = (evt.which) ? evt.which : evt.keyCode;
            //window.location='foo.com/'+(charCode-48);
            alert('foo.com/'+(charCode-48));//minus 48 wont work if numpad
        }
   });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" value="" />

最好只获取输入的 value...

$(document).ready(function(){
    $("input[type='number']").on("keyup",function(){
        var val = parseInt(this.value);
        this.value="";
        if(val>0){
            alert('foo.com/'+val);
        }
   });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" value="" />

jQuery 从所有浏览器获取数字输入

jQuery get numeric input from all browsers

html

javascript

validation

jquery

jquery-mobile