JavaScript实现文本框输入四位数字自动添加空格

作者：百宝袋

时间：2026-10-22

本文介绍如何使用JavaScript脚本实现文本框的自动格式化功能。当用户在输入框中输入数字时，脚本会监听onkeyup事件，每输入四个数字自动插入一个空格，提升长数字串的可读性。

文章目录

实现四位数字自动加空格功能

在文本框中随意输入字符，系统会自动识别数字，每四个数字之间自动添加空格。

<html>  <body> <input type="text" id="card" onkeyup="test()" > </body> </html>

注意：若通过Ctrl+A全选并引入外部JavaScript文件，需要刷新页面后代码才能正常执行。

绿化、压缩、噪点和虚拟水印，自由调节做旧程度。

选择画质和输出格式，预览压缩前后的大小。

作者最新文章

定制 Quill.js 主题样式：修改默认 CSS 与添加自定义类名

混淆JS代码怎么在线反混淆并格式化阅读

JS在线编辑器代码报错怎么调试？控制台使用技巧

从 marked.js 旧版本升级到最新版：API 变更与迁移指南

JS富文本编辑器Quill与代码编辑器CodeMirror的区别及应用场景