码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-06-18 12:05:11      阅读:245      评论:0      收藏:0      [点我收藏+]

标签:span   paste   ble   logs   color   不能   nbsp   style   turn   

<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输入框只能输入数字的功能(完美测试通过)

标签:span   paste   ble   logs   color   不能   nbsp   style   turn   

原文地址:http://www.cnblogs.com/wangyinlon/p/7043672.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!