js给获取到input里面的金额加千分符
时间: 2023-09-19 08:10:53 浏览: 93
可以使用 JavaScript的正则表达式和字符串方法来给输入框中的金额加千分符。具体实现方法如下:
```javascript
const input = document.getElementById('input'); // 获取输入框元素
const formatter = new Intl.NumberFormat('en-US'); // 创建千分符格式化对象
input.addEventListener('input', function(event) {
const value = event.target.value; // 获取输入框的值
const newValue = value.replace(/\D/g, '') // 去除非数字字符
.replace(/^0+/, '') // 去除前导0
.replace(/\B(?=(\d{3})+(?!\d))/g, ','); // 加千分符
event.target.value = newValue; // 更新输入框的值
});
```
这段代码会给ID为`input`的输入框添加一个`input`事件监听器,每当用户输入内容时,就会触发事件处理函数。处理函数会先获取输入框中的值,然后去除非数字字符和前导0,并使用正则表达式添加千分符。最后更新输入框的值,实现了在用户输入时自动添加千分符的效果。
阅读全文