0

Есть input, на него подвешено событие input, все нормально работает когда пользователь вводит текст с клавиатуры, но вот при программном изменении поля, например input.value = 'тратата'; событие не работает, как это можно исправить?

Пример:

введите сюда описание изображения

Если в одном из полей изменить что-либо, то происходит нужное событие, при нажатии + или - происходит программное изменение поля, но событие input не происходит.

P.S. Функция обработчик неизвестна где находится и как называется, скрипт не мой.

ЗЫ Код следующий: У инпута есть селектор класса, я думаю будет что-то вроде такого:

$('.class').on("input", function(){
     alert('ура'); 
}); 

При программном изменении alert('ура'); не происходит.

3
  • добавь код, !!!
    – Air
    24 сен 2017 в 16:25
  • ок, добавил уже пример
    – Shillkas
    24 сен 2017 в 16:34
  • твой пример у меня работает, подозреваю, что ты не правильно подключил JQ, подключи его в head
    – Air
    24 сен 2017 в 16:44

1 ответ 1

2

Для того, чтобы программно вызвать какое-либо событие на элементе jQuery существует метод .trigger():

$('.class').on('input', function () {
    alert($(this).val());
});

$('.class').val('123').trigger('input');
2
  • @Shillkas верно подмечено :) Обновил ответ. 24 сен 2017 в 16:47
  • Да, спасибо, ваш вариант действительно работает, не думал что все будет так просто :)
    – Shillkas
    24 сен 2017 в 16:47

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.