HTML-событие для установки значения при вводе

Question

Я ищу способ вызвать JavaScript, когда поле ввода заполняется кодом.

мое поле выглядит следующим образом:

<input class="form-control" type="string" name="total" id="total" {% if object.total != None %} value="{{ object.total }}"{% endif %} oninput="onChange()" required>

В этом случае, если я что-то набираю внутри этого поля, метод срабатывает, но если я заполняю контекстный объект содержимым, этот метод неназывается.(таким образом, object.total не является пустым, и значение установлено: value = object.total)

Как вызвать метод, когда значение заполняется как

value=object.total

Answer 1

Насколько я знаю, именно из-за того, что изменения DOM, вызванные кодом, не будут отслеживаться слушателями событий.Однако вы можете отправить событие onchange самостоятельно.(дополнительная информация здесь Как я могу вызвать событие onchange вручную? ).

Итак, что вы можете сделать, это обернуть свою логику в пользовательскую функцию, подобную этой:

function changeInputValue(input, value) {
  // set the new value on the input first
  // then trigger the input onchange event manually
}