Estoy escribiendo una extensión de Chrome para autocompletar una entrada de texto en un sitio web y presiono enter para enviar un mensaje.

Lo primero que hice fue configurar el valor del cuadro de texto.

 const textbox = document.querySelector("#consumerInput") textbox.value = "Hello";

Pero la entrada de texto se borra cada vez que hago clic en otro lugar. Revisé el sitio web usando la extensión de herramientas React Developer y vi que activa una función en el evento onChange.

Luego traté de activar el evento onChange usando JQuery

 $(textBox).trigger("change");

Y también haciendo un evento de teclado.

 element.dispatchEvent(new KeyboardEvent("keydown", { key: "e", keyCode: 69, // example values. code: "KeyE", // put everything you need in this object. which: 69, shiftKey: false, // you don't need to include values ctrlKey: false, // if you aren't going to use them. metaKey: false // these are here for example's sake. }));

pero sin suerte.

¿Pueden ayudarme chicos? Gracias