利用onkeydown阻止键盘输入

最新推荐文章于 2023-09-11 11:40:58 发布

WARGON

最新推荐文章于 2023-09-11 11:40:58 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS JavaScript

本文链接：https://blog.csdn.net/WARGON/article/details/83501932

JS 同时被 2 个专栏收录

33 篇文章

订阅专栏

JavaScript

22 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的输入框功能，该功能能够确保用户在输入时只接受数字键输入，包括键盘上方的数字键、小键盘以及删除键。此方法通过监听键盘事件并检查keyCode来实现对非数字字符的阻止。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input type="text" onkeydown="dealInput(e)" />

<script>
    var dealInput = function(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;
         }
    }

</script>

需要注意的是，直接return false是不起作用的。需要return event.returnValue=false才行。