Как сделать через скрипт ввод числа в input?

Question

[Никита Козлов]

Пишу userscript для автоматического заполнения дюжины полей input с числом.
Обычно такой вопрос решался через "document.querySelector('input').value = число", но не сейчас. Визуально текст меняется и value но отправляется старое значение (либо как будто я нечего не ввёл)

Думаю попробовать как бы эмулировать ввод в input будто вводит пользователь с клавиатуры по одному символу.

Есть поле ввода:
input type="number" class="form-control input-number-no-arrows text-center" rv-currency-value="value"

Есть
let lomar = 45;

Задача:
Скриптом реализовать так чтобы "lomar" число автоматически встала в input.

Answer 1

[Надим]

После ввода нужно вызвать соответствующие события, чтобы скрипты на странице смогли понять, что значение изменилось. Попробуйте так:

document.querySelector('input').value = 'значение';
document.querySelector('input').dispatchEvent(new Event('keyup'));
document.querySelector('input').dispatchEvent(new Event('input'));
document.querySelector('input').dispatchEvent(new Event('change'));

Если не поможет, посмотрите в консоли какие обработчики висят на нужном поле и вручную вызывайте их после изменения значения.

Comments

[Никита Козлов]

Спасибо большое!!!

[artem11001]

Привет, а как найти и запустить этот обработчик? Твои варианты не помогли, обработчик тоже не найти.

[Надим]

artem11001, если мы говорим о Google Chrome, то нажмите правкой кнопкой мыши нужной элемент и выберите Просмотреть код элемента после чего в консоли перейти во кладку Event Listeners, там будут указан все обработчики относящиеся к данном элементу, можно спокойно развернуть и посмотреть какой код вызывается при тех или иных действиях.

[artem11001]

Надим Закиров, делал, там только ссылки на скрипты.

[Надим]

artem11001, там не просто ссылки на скрипты, а ссылки на конкретные строки и места в коде, которые связаны с обработчиком. Использование консоли требует опыта, если у вас его нет, то выхода два:

1. По изучать видео на youtube, возможно статьи и попробовать разобраться самому.
2. Обратится на фрилансим с заданием, чтобы более опытные коллеги провели с вами ликбез.

Я не раз использовал второй вариант, когда моих знаний просто не хватало для решения того или иного вопроса, чего и вам рекомендую. Знания стоят денег, но это справедливо.