js实现input输入框只能输入数字的功能（完美测试通过）

kunkkaCoco

于 2015-07-27 15:37:24 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/kunkkaCoco/article/details/47085905


<input type="text" style="ime-mode:disabled;" onpaste="return false;"  onkeypress="keyPress()" />


function keyPress() {  
     var keyCode = event.keyCode;  
     if ((keyCode >= 48 && keyCode <= 57))  
    {  
         event.returnValue = true;  
     } else {  
           event.returnValue = false;  
    }  
 }

style:ime-mode:disabled表示不能切换输入法
onpaste="return false;" 表示不能粘贴

重要说明：
上述js代码中键值48－57在键值表中只是对应大键盘的0－9，而小键盘的0－9键值是96－105，那为什么也能输入呢？
经过自己测试发现在input中，你输入的是小键盘的0－9，它所识别的keycode也是48－57