Angular 19 Tutorial in Hindi #12 Click, Input, mouse, focus, and blue events
Make function
Call function on Click
Call function on Input field event, Input, focus and blur
Mouse Event
Check event type
Interview Questions
<h1>Event in Angular</h1>
<button class="btn" name="login" (click)="handleEvent($event)" >Click on Button</button>
<br><br>
<div
(mouseenter)="handleEvent($event)"
style="background-color: green; height: 100px; width: 100px;">
</div>
<br><br>
<div
(mouseleave)="handleEvent($event)"
style="background-color: red; height: 100px; width: 100px;">
</div>
<br><br>
<input
(blur)="handleEvent($event)"
(focus)="handleEvent($event)"
(input)="handleEvent($event)"
type="text" name="user" >
import { Component, signal } from '@angular/core';
@Component({
selector: 'app-root',
imports: [],
templateUrl: './app.component.html',
styleUrl: './app.component.css'
})
export class AppComponent {
handleEvent(event:Event){
console.log("function called",event.type);
}
}