Форматирование входного значения как пользовательских типов

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

Попробуйте "input" eventListener.Он будет срабатывать каждый раз, когда вводится новый символ.

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

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