JS实现input中输入数字，控制每四位加一个空格（银行卡号格式）

最新推荐文章于 2023-02-02 16:03:31 发布

weixin_30752377

最新推荐文章于 2023-02-02 16:03:31 发布

阅读量994

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/7qin/p/10179849.html

版权

本文介绍了使用JavaScript实现在input框中输入数字时，每四位自动添加一个空格的功能，适用于银行卡号输入。文章详细讲解了三种实现方法，包括正则表达式的应用以及效率考量，并提供了相关代码示例。

摘要由CSDN通过智能技术生成

前言

今天来讲讲js中实现input中输入数字，控制每四位加一个空格的方法！这个主要是应用于我们在填写表单的时候，填写银行卡信息，要求我们输入的数字是四位一个空格！今天主要介绍两种方式来实现这个方法！但是都运用到了键盘码。下面我就列举一下键盘码，以备后面查阅！

键盘各按键对应的数字

keycode 8 = BackSpace      |     keycode 9 = Tab              |   keycode 12 = Clear  
keycode 13 = Enter            |      keycode 16 = Shift           |   keycode 17 = Control 
keycode 18 = Alt               |      keycode 19 = Pause         |  keycode 20 = CapsLock
keycode 27 = Escape        |      keycode 32 = Space         |   keycode 33 = Prior

keycode 34 = Next            |      keycode 35 = End            |  keycode 36 = Home 
keycode 37 = Left             |       keycode 38 = Up             |   keycode 39 = Right 
keycode 40 = Down          |       keycode 41 = Select         |  keycode 42 = Print 
keycode 43 = Execute      |       keycode 45 = Insert         |   keycode 46 = Delete 
keycode 47 = Help           |       keycode 48 = 0                |   keycode 49 = 1 
keycode 50 = 2                |       keycode 51 = 3                |    keycode 52 = 4 
keycode 53 = 5                |       keycode 54 = 6                |    keycode 55 = 7 
keycode 56 = 8                |       keycode 57 = 9                |    keycode 65 = A 
keycode 66 = B                |        keycode 67 = C              |    keycode 68 = D 
keycode 69 = E                |        keycode 70 = F               |     keycode 71 = G 
keycode 72 = H               |        keycode 73 = I                |    keycode 74