当鼠标在Angular中移动时，如何取消单击事件？

<div (mousemove)="onMouseMove($event)" (click)="onClick($event)">...</div>

export class MyComponent {
  isMouseMoving: boolean = false;

  onMouseMove(event: MouseEvent) {
    this.isMouseMoving = true;
    // 其他处理逻辑...
  }

  onClick(event: MouseEvent) {
    if (this.isMouseMoving) {
      event.preventDefault();
    }
    this.isMouseMoving = false;
    // 其他处理逻辑...
  }
}