javascript 实现输入框只能输入数字

最新推荐文章于 2025-07-12 09:14:37 发布

原创最新推荐文章于 2025-07-12 09:14:37 发布 · 2.5k 阅读

2 ·

CC 4.0 BY-SA版权

本文为博主原创文章，未经博主允许不得转载。

文章标签：

#javascript #数字

JavaScript 开发专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一种使用JavaScript的方法，使得HTML输入框只能接受0到9的数字输入。通过监听键盘事件并检查按键码来确保只有数字字符能被录入。

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

本文通过javascript 实现输入框只能输入数字

<span style="font-size:14px;"><html>
<body>

<script type="text/javascript"> 
        function checkNumber() 
  { 
   if(!(((window.event.keyCode>=48)&&(window.event.keyCode<=57))||(window.event.keyCode==13))) 
   { 
    window.event.keyCode=0; 
   } 
  } 
 </script>

<p>
您只能输入0-9的数字
</p>
<input type="text" id="message" onkeypress="checkNumber();" > 


</body>
</html></span>

键盘的每个键都对应着一个window.event.keyCode，0－9对应的就是48－57，假如输入的不是48－49的话，就不要输入的内容