Как имитировать ручной ввод в input js?

Question

[ttter]

У меня есть гугл расширение и мне нужно на сайте ввести в инпут<input type="text" id="my" class="name" > значение. Я пробовал через document.getElementById('#my').value =, но форма не отправлялась. Я думаю, что спасет имитация ручного ввода.

Answer 1

[Надим]

Попробуйте так:

input = document.querySelector('#my');
input.value = 'Вставляемый текст';
input.dispatchEvent(new KeyboardEvent('keydown', { bubbles: true }));
input.dispatchEvent(new KeyboardEvent('keypress', { bubbles: true }));
input.dispatchEvent(new KeyboardEvent('keyup', { bubbles: true }));
input.dispatchEvent(new Event('input', { bubbles: true }));
input.dispatchEvent(new Event('change', { bubbles: true }));

Comments

[Сергей delphinpro]

События input в большинстве случаев достаточно

[Сергей Бурдужа]

Ураааааааааааааааааааааааа, работает!!!!

Answer 2

[Владимир Майструк]

попробуй просто сделать так

<input type="text" id="my" class="name" value="ваше значение">

Comments

[ttter]

как?

[Владимир Майструк]

Прости. из-за того что забыл код вставить в тег код не показалось

[ttter]

Мне нужно на чужом сайте ввести, а не на своем

Answer 3

[GrayHorse]

const text = "example";
const nativeSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value").set;
nativeSetter.call(input, text);
input.dispatchEvent(new Event("input",  {bubbles: true}));
input.dispatchEvent(new Event("change", {bubbles: true}));