该博客展示了一个JavaScript代码示例，用于监听输入框的输入事件，动态地将输入的数字转换为带有千分位分隔符的形式。通过正则表达式移除已有逗号，再将数字字符串反转进行处理，每间隔三位插入逗号，最后反转回原顺序并更新输入框的值。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>实现千分位转换</title>
<style>
.input {
width: 200px;
}
</style>
</head>
<body class="body">
<input class="input" id="input" />
<script>
// 补全你的代码
var input = document.getElementById("input")
input.addEventListener('input', function () {
var reg = /,/g
var val = this.value.replace(reg, '')
var s1 = val.split('').reverse().join('')
// console.log(s1, val);
for (var i = 3; i < s1.length; i = i + 4) {
s1 = s1.slice(0, i) + ',' + s1.slice(i)
}
if (s1[s1.length - 1] === ',') s1[s1.length - 1] = ''
s1 = s1.split('').reverse().join('')
input.value = s1
});
</script>
</body>
</html>
扫一扫
08-27
1416
1416
11-22
490
490
01-06
348
348
07-10
312
312
07-14
4084
4084
04-27
262
262
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
