Ввод с клавиатуры в поле ввода чисел отличается от использования /- счетчика

#javascript #forms #input

#javascript #формы #ввод

Вопрос:

У меня есть поле ввода html с числовым типом. Ввод с клавиатуры в поле ввода, например, числа пять, имеет форму выполнить действие (обновить счетчик итогов через ajax).

Однако использование кнопок /- spinner в поле не вызывает такого поведения.

Я думаю, что это может быть то, как изначально была закодирована форма; ввод с клавиатуры — это то, что запускает вызов ajax. Возможно. Я уверен, что, черт возьми, у меня нет навыков, чтобы погрузиться в точную работу формы — это часть плагина для платформы электронной коммерции, и я думаю, что мне не следует связываться с исходным кодом; скорее настройте функциональность.

Я спрашиваю здесь после нескольких часов попыток учиться, но в тупике. Есть ли способ изменить номер ввода с помощью счетчика, чтобы имитировать поведение нажатия клавиш?

Спасибо.

Пытался обновить атрибут value ввода при использовании spinner. Сделаны пользовательские кнопки /-, которые изменяют значение поля ввода.

Ответ №1:

Используйте прослушиватель событий change .

Пример:

 document.getElementById('age').addEventListener('change', (e) => {
	console.log(e.target.value);
});  
 <input id="age" type="number">  

Комментарии:

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

2. @MainioMooses это был простой пример того, как идти дальше. Я не знаю, что делает ваш код. Если вы хотите больше информации, пожалуйста, поделитесь с нами своим кодом.