Не реагирует input если изменять element.value через js chrome extension. Как решить?

Question

[SalimGareev]

Подскажите пожалуйста как решить проблему с chrome extension. Создаю расширение для хрома встраиваю скрипт на страницу. Из скрипта расширения отправляется сообщение с текстом во встроенный скрипт. И там выполняется вот примерно это:

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
        el.value = request.text;
});

Да. Значение визуально меняется и значение input меняется на нужное, но для остального кода сайта как будто поле остаётся пустым. К примеру если встраивать на страницу яндекса, очищать поле поиска и попытаться встроить текст, то текст отобразится но при нажатии Enter или на иконку поиска - никакой реакции. Помогает с клавиатуры ввести какой то символ - тогда всё начинает работать.

По советам в интернете пробовал использовать setAttribute и даже setRangeText, но это не помогло.

Answer 1

[Алексей Уколов]

Нужно дополнительно триггерить событие изменения (change, input и т.п.), на которое, очевидно, подписаны другие скрипты на странице: https://developer.mozilla.org/en-US/docs/Web/Event...

Comments

[SalimGareev]

Благодарю. Разобрался, для меня требовалось следующее

el.dispatchEvent(new Event('input', { bubbles: true }));