javascript - 当用户在 Javascript 中键入时，如何将数字格式化为货币

Question

我正在尝试将用户输入的格式设置为货币。我有一个输入字段，用户可以在其中输入他们想要支付的金额。当他们输入数字时，我希望它在他们输入时开始格式化。因此，明智的格式化我希望它看起来像:

$1,200.23

Answer 1

您可以使用 Intl NumberFormat 方法，并将 currency 设置为 USD

const input = document.querySelector("#currency");
const [label] = input.labels;
const formatter = new Intl.NumberFormat("en-US", {style: "currency", currency: "USD"});

input.addEventListener("input", e => {
  label.textContent = formatter.format(input.value)
})

<input type="number" id="currency">
<label for="currency"></label>