Estoy usando angular 12 e intento jugar con eventos. El único evento de clic está funcionando, no se activa ningún otro evento.
todosEventos.ts
import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-all-events', templateUrl: './all-events.component.html', styleUrls: ['./all-events.component.css'] }) export class AllEventsComponent implements OnInit { constructor() { } ngOnInit(): void { } myEvent(evt : any) { console.error(evt) }; }todos los eventos.html
<button (click)="myEvent('I am click event')" >Click Event</button> <br><br> <input type="text" (onkey)="myEvent($event)" />Cuando hago clic en el botón en la consola, las declaraciones se ejecutan, pero Keydown, KeyUp o Blur no funcionan.
-----Configuraciones------
CLI angular: 12.2.12 Nodo: 14.17.6 Administrador de paquetes: npm 6.14.15 MACOS: darwin x64
Esta lista contiene todos los eventos admitidos por angular y su sintaxis:
(click)="myFunction()" (dblclick)="myFunction()" (submit)="myFunction()" (blur)="myFunction()" (focus)="myFunction()" (scroll)="myFunction()" (cut)="myFunction()" (copy)="myFunction()" (paste)="myFunction()" (keyup)="myFunction()" (keypress)="myFunction()" (keydown)="myFunction()" (mouseup)="myFunction()" (mousedown)="myFunction()" (mouseenter)="myFunction()" (drag)="myFunction()" (drop)="myFunction()" (dragover)="myFunction()" Como puede ver, el evento onkey no existe y debe implementar su lógica con keyup , keydown o keypress (supongo que quiere usar esto)