Tengo un iframe que estoy tratando de hacer que se complete automáticamente con la extensión de Chrome. El valor se cambia bien, pero la aplicación no ve los valores y necesito escribirlo nuevamente para que afecte el formulario.

Después de buscar en Google, hago todos los intentos de código a continuación y más.

¿Que más puedo hacer?

 function func3() { // setTimeout(function () { // // }, ) let elId3 = "social-id-field"; let input3 = document.getElementById(elId3); if (input3 != null) { //also tried that : // let ev = document.createEvent('Events'); // ev.initEvent('keypress', true, true); // ev.keyCode = 13; // ev.which = 13; // ev.charCode = 13; // ev.key = 'Enter'; // ev.code = 'Enter'; input3.value = "123456789"; // input3.dispatchEvent(ev); // let event = new Event('input', {bubbles: true}); input3.dispatchEvent(new Event('change')); } }

Manifiesto:

 ... { "matches": [ "https://*.hf.paymeservice.com/service/field/*"], "all_frames": true, "css": ["style.css"], "js": ["jquery-3.6.0.min.js","factory54-payment.js"] } ...

esta es la pagina

Actualizar:

Hasta que presione enter dentro de la entrada, no funcionará. Además, veo que está sucediendo solo en esta entrada.