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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js实现input输入框只能输入数字的功能(完美测试通过)相关的知识,希望对你有一定的参考价值。

<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






以上是关于js实现input输入框只能输入数字的功能(完美测试通过)的主要内容,如果未能解决你的问题,请参考以下文章

Js如何实现 输入框的3秒内没输入就执行一个方法

用C++或者C如何实现限制输入的只能是数字,其余类型的直接退出

input框只能输入纯数字+格式化输入金额与银行卡JS代码

js怎么让input只能输入数字

如何限制用户只能输入0-50的数字

js怎么控制文本框只能输入数字