场景 - 输入框选择与拖动冲突

使用 FocusMonitor

import { FocusMonitor } from '@angular/cdk/a11y';


export OkrListComponent implements Oninit, Onchanges {
	public isDraggable = this.draggable;
	constructor(private el: ElementRef, private focusMonitor: FocusMonitor) {}
	ngOnInit(): void {
        this.focusMonitor.monitor(this.el.nativeElement, true).subscribe(origin => {
            if (origin) {
                this.isDraggable = false;
            } else {
                this.isDraggable = this.draggable;
            }
        });
    }
}

引用