angular 6检测鼠标经过文件

<div (mouseenter)="handleMouseEnter()" (mouseleave)="handleMouseLeave()">文件</div>

export class MyComponent {
  handleMouseEnter() {
    // 处理鼠标进入文件的逻辑
  }

  handleMouseLeave() {
    // 处理鼠标离开文件的逻辑
  }
}

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

@Directive({
  selector: '[appFileHover]'
})
export class FileHoverDirective {
  @HostListener('mouseenter') onMouseEnter() {
    // 处理鼠标进入文件的逻辑
  }

  @HostListener('mouseleave') onMouseLeave() {
    // 处理鼠标离开文件的逻辑
  }
}

<div appFileHover>文件</div>