javascript - 将输入值格式化为用户类型

Question

在用户键入时，我难以将输入字段值更新为货币。当我使用输入事件更改时，我能够成功地将值更新为货币。但是当我使用keyup 事件时，输入值和交互行为不是很友好。

我尝试使用 setTimeout，但在用户正确键入时无法实现值/货币格式。

任何意见或建议将不胜感激。

例子：

myInputElement.addEventListener('keyup', function (e) {
 e.currentTarget.value = numeral(e.currentTarget.value).format('$0,0.00');
});

Answer 1

使小数可选。

numeral(e.currentTarget.value).format('$0,0.[00]');

Answer 2

尝试“输入”事件监听器。每次输入新字符时都会触发。

var myInputElement = document.getElementById("element");

myInputElement.addEventListener("input", function (e) {
  e.currentTarget.value = numeral(e.currentTarget.value).format('$0,0.00');
});