Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

379
Vistas
Evento de cambio angular 2 en cada pulsación de tecla

El evento de cambio solo se llama después de que el foco de la entrada haya cambiado. ¿Cómo puedo hacer que el evento se active con cada pulsación de tecla?

 <input type="text" [(ngModel)]="mymodel" (change)="valuechange($event)" /> {{mymodel}}

El segundo enlace cambia en cada pulsación de tecla por cierto.

over 4 years ago · Santiago Trujillo
3 Respuestas
Responde la pregunta

0

Acabo de usar la entrada del evento y funcionó bien de la siguiente manera:

en archivo .html:

 <input type="text" class="form-control" (input)="onSearchChange($event.target.value)">

en el archivo .ts:

 onSearchChange(searchValue: string): void { console.log(searchValue); }
over 4 years ago · Santiago Trujillo Denunciar

0

Use ngModelChange dividiendo la sintaxis [(x)] en sus dos partes, es decir, enlace de datos de propiedad y enlace de eventos:

 <input type="text" [ngModel]="mymodel" (ngModelChange)="valuechange($event)" /> {{mymodel}}
 valuechange(newValue) { mymodel = newValue; console.log(newValue) }

También funciona para la tecla de retroceso.

over 4 years ago · Santiago Trujillo Denunciar

0

El evento (keyup) es su mejor apuesta.

Veamos por qué:

  1. (cambiar) como mencionó, se activa solo cuando la entrada pierde el foco, por lo tanto, es de uso limitado.
  2. (pulsación de tecla) se activa al presionar una tecla, pero no se activa con ciertas pulsaciones de tecla, como la tecla de retroceso.
  3. (keydown) se dispara cada vez que se presiona una tecla. Por lo tanto, siempre tiene un retraso de 1 carácter; ya que obtiene el estado del elemento antes de que se registrara la pulsación de tecla.
  4. (keyup) es su mejor apuesta, ya que se activa cada vez que se completa un evento de pulsación de tecla, por lo tanto, esto también incluye el carácter más reciente.

Entonces (keyup) es lo más seguro porque...

  • registra un evento en cada pulsación de tecla a diferencia del evento (cambio)
  • incluye las teclas que (keypress) ignora
  • no tiene retraso a diferencia del evento (keydown)
over 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda