利用onkeydown阻止键盘输入

最新推荐文章于 2024-07-25 14:40:07 发布

原创最新推荐文章于 2024-07-25 14:40:07 发布 · 2.2k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

JS 同时被 2 个专栏收录

33 篇文章

订阅专栏

JavaScript

22 篇文章

订阅专栏

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

该文章已生成可运行项目，

<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才行。

本文章已经生成可运行项目