Как имитировать событие change?

Question

[Alex Sokol]

Через модальное окно спрашиваю посетителя Имя, после с помощью JS меняю значение аттрибута value в поле input на его имя. Однако не срабатывает валидация.

Если ручками: выбрать input, ввести новое имя, выйти из input - то все работает.

Нужно менять с помощью JS, но так не запускается событие change:

document.getElementById('userName').setAttribute('value',user);
// Здесь хочу имитировать событие change

Comments

[Дмитрий]

Вы именно на чистом JS хотите?

[Alex Sokol]

Да, вот это вариант работает: document.getElementById('userName').dispatchEvent(new Event('change'));

Однако не уверен в кроссбраузерности

Answer 1

[Mikhail Osher]

VanillaJS:

var event = new Event('change');
var elem = document.getElementById('userName');
elem.dispatchEvent(event);

jQuery:
$('#userName').trigger('change');

Comments

[lil_web]

А как передать новое значение в инпут?