Как написать комментарий с помощью JS в Facebook?

Question

[Proger5913]

На изображении есть белый квадрат, там я заменяю слово "Кукушка" допустим на слово "Курица". Оно заменится и поле для комментария, но после того, как я попытаюсь отправить этот коммент - в комментарии все равно отправится "Кукушка".
Как это можно обойти? Можно просто код на JS, который бы каким то способом написал бы этот комментарий. Такой же метод при регистрации на blablacar тоже не срабатывает - просто возвращает ранее былое значение в поле при замене в html коде.


Быстрые ссылки:
https://www.facebook.com/groups/809361489219087
https://www.blablacar.ru/register/email

Comments

[alex4answ]

(причина, решение вам подсказали) - Там React, и все данные в state, тоесть по факту input - отображает state, а не наоборот, и при отправке данные отправляются из стейта, а не из input.

[Proger5913]

alex4answ, Спасибо большое за ответ)

[maratakbutin]

Proger5913, А для чего вы это делаете?

Answer 1

[Надим]

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

var span = document.querySelector('span[data-text="true"]');

span.focus();
span.innerHTML = 'Новый текст';
span.dispatchEvent(new KeyboardEvent('keydown', { bubbles: true }));
span.dispatchEvent(new KeyboardEvent('keypress', { bubbles: true }));
span.dispatchEvent(new KeyboardEvent('keyup', { bubbles: true }));
span.dispatchEvent(new Event('input', { bubbles: true }));
span.dispatchEvent(new Event('change', { bubbles: true }));

Comments

[Proger5913]

Спасибо за код добрый человек)

[Proger5913]

Кстати, на данный момент в фейсбуке приходится вызывать данный код дважды, я поменял строки местами и так выполняется с первой попытки, мб, в будущем кому пригодится:

var span = document.querySelector('span[data-text="true"]');

span.focus();
span.dispatchEvent(new KeyboardEvent('keydown', { bubbles: true }));
span.dispatchEvent(new KeyboardEvent('keypress', { bubbles: true }));
span.dispatchEvent(new KeyboardEvent('keyup', { bubbles: true }));
span.innerHTML = ' Курица))';
span.dispatchEvent(new Event('input', { bubbles: true }));
span.dispatchEvent(new Event('change', { bubbles: true }));

Answer 2

[Александр Епихин]

Я так полагаю значение в инпуте вы меняете сразу. А попробуйте разбить свою строку на символы и для инпута выполнить fireEvent keypress и передавать туда по одному символу.

Comments

[Proger5913]

Спасибо родной, выше скинули готовый код)