Angular 10（焦点）事件

在本文中，我们将了解 Angular 10 中的焦点事件是什么以及如何使用它。当元素获得焦点时触发 (focus) 事件。

句法：

NgModule：焦点事件使用的模块是：

• 通用模块

方法：

• 创建一个要使用的 Angular 应用程序。
• 在 app.component.ts 中创建一个触发焦点事件的函数。
• 在 app.component.html 中创建一个输入元素并设置焦点事件。
• 使用 ng serve 为 Angular 应用程序提供服务以查看输出。

示例 1：

输出：

示例 2：

app.component.ts

import { Component } from '@angular/core';
  
@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
})
  
export class AppComponent {
    onFocus(): void {
        console.log('Focus Is gained for this Element');
    }
}

app.component.html

    Click here!

输出：