如何在Angular中触发shift +鼠标左键单击

npm install @angular/cdk rxjs

import { Component, HostListener } from '@angular/core';
import { Subject } from 'rxjs';
import { takeUntil } from 'rxjs/operators';
import { CdkDragStart, CdkDragEnd } from '@angular/cdk/drag-drop';

shiftKeyPressed = false;

@HostListener('window:keydown', ['$event'])
onKeyDown(event: KeyboardEvent) {
  if (event.shiftKey) {
    this.shiftKeyPressed = true;
  }
}

@HostListener('window:keyup', ['$event'])
onKeyUp(event: KeyboardEvent) {
  if (!event.shiftKey) {
    this.shiftKeyPressed = false;
  }
}

<div (mousedown)="handleMouseDown($event)"></div>

handleMouseDown(event: MouseEvent) {
  if (event.button === 0 && this.shiftKeyPressed) {
    // 在这里执行shift + 鼠标左键单击的操作
    console.log('Shift + 鼠标左键单击');
  }
}