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

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

尝试“输入” eventListener。每当输入新字符时就会触发。

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

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