input输入框onkeydown事件：键入值监控

最新推荐文章于 2022-12-07 10:30:00 发布

原创最新推荐文章于 2022-12-07 10:30:00 发布 · 6.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#html #js #onkeydown

解决问题专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的键盘输入校验方法，确保用户只能输入数字，包括数字键盘和小键盘的数字输入，同时允许使用删除键。通过简单的onkeydown事件监听，结合keyCode属性判断，有效限制了非数字字符的输入。

校验键盘输入的只能是数字

js方法：
HTML 标签中调用js方法：

js方法：

function check(e){
    //获取键盘输入的keyCode         
   var keycode = (Number)(e.keyCode);         
    //键盘上方数字键        
    if(keycode >= 48 && keycode <= 57){            
    e.returnValue = true;         
   //小数字键盘         
   }else if(keycode >=96 && keycode <= 105){
    e.returnValue = true;         
   //删除键和delete         
   }else if(keycode == 8 || keycode == 46){
    e.returnValue = true;         
   //除此之外，其他的不允许输入         
   }else{             
    e.returnValue = false;         
   }    
 }