jquery keyup 函数检查是否为数字

Question

我正在尝试创建一个输入字段，用户只能在其中输入数字。这个功能对我来说已经可以正常工作了:

        $('#p_first').keyup(function(event){
        if(isNaN(String.fromCharCode(event.which))){
            var value = $(this).val();

            $(this).val(value.substr(0,value.length-1));
        }
    });

但问题是，当用户按住带有字符的按键时，功能键不会触发......我有什么想法可以禁止这种情况吗？

Answer 1

尝试绑定(bind)到 keypress 事件而不是 keyup。当按住某个键时，它会重复触发。当按下的键不是数字时，您可以调用 preventDefault() 这将阻止该键被放置在输入标记中。

   $('#p_first').keypress(function(event){

       if(event.which != 8 && isNaN(String.fromCharCode(event.which))){
           event.preventDefault(); //stop character from entering input
       }

   });

工作示例: http://jsfiddle.net/rTWrb/2/