JavaScript将输入框中的数转换成千分数

最新推荐文章于 2024-08-14 16:40:21 发布

原创最新推荐文章于 2024-08-14 16:40:21 发布 · 556 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html

算法专栏收录该内容

2 篇文章

订阅专栏

该博客展示了一个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>