考虑让浏览器使用Intl.NumberFormat为您完成工作
const $input = document.querySelector('input');
const $output = document.querySelector('div');
$input.addEventListener('input', (evt) => {
$output.innerText = Intl.NumberFormat().format(evt.target.value);
});
<input>
<div></div>
展开片段
您可以自定义有关输出数字格式的许多内容,在您的情况下,您可能希望调整minimumFractionDigits或maximumFractionDigits设置:
const $input = document.querySelector('input');
const $output = document.querySelector('div');
$input.addEventListener('input', (evt) => {
$output.innerText = Intl.NumberFormat(undefined, {
maximumFractionDigits: 2
}).format(evt.target.value);
})
<input>
<div></div>
扬帆大鱼
相关分类