css - 将事件附加到具有特定类的所有元素

Question

我想在我的组件中附加一个事件监听器，它将触发所有具有特定类的元素。

这些是由第三方组件生成的，所以我无法在创建它们的地方附加它。

我想有效地做以下 jquery 语句的等价物，但在 .day 是类的 Angular 。

$(document).on('mousedown','.day',function(jsEvent){ 

});

谢谢

Answer 1

您可以使用 Directive附加监听器:

import { Directive, HostListener } from '@angular/core';

@Directive({
  selector: '.day'
})
export class DayDirective {

    @HostListener('mousedown', ['$event'])
    yourFunction(event: Event): void { ... }

}

要连接指令，请将它添加到需要它的模块中。这可以是您的应用模块、共享模块或功能模块。

import { NgModule } from '@angular/core';

@NgModule({
  declarations: [
    DayDirective,
  ],
  ...
})
export class YourModule {}