Estoy tratando de enviar datos a un campo de entrada en este sitio web: https://www.avigilon.com/how-to-buy/partner-locator

Puede identificar mediante programación la entrada usando lo siguiente:

 let input = $('input[placeholder="Zip code / Postal code"]')[0]

si luego pasa input.value = '33701' , cambiará la entrada, pero en el momento en que presione 'Buscar', se restablecerá al valor nulo.

Escribí algunas teclas, luego las cambié usando input.value = '33701' y las restablecí a las teclas que había ingresado manualmente, así que intenté pasar un evento keyup como este: input.dispatchEvent(new KeyboardEvent('keyup', {'key': '3'})); pero no agregó la clave. Agregué un detector de eventos y el evento se activa, pero la clave simplemente no se agrega a la entrada.

Probé este mismo método de envío de eventos en mi propia aplicación y aceptó la clave. También probé keydown y keypress .

Miré la fuente de la página y noté que el campo de entrada tiene una propiedad llamada v-model='selectedZipcode' . Nunca antes había usado Vue, así que no lo reconocí. Al investigar, parece que los componentes de entrada del modelo v aceptan claves de manera diferente a las entradas normales.

Estoy luchando por encontrar información sobre cómo puedo pasar claves a esta entrada de modelo v.