изменить стиль курсора на изображение SVG при перетаскивании ctrl + мыши, во всех остальных случаях курсор является указателем по умолчанию

Question

когда пользователь нажимает ctrl + перетаскивание мыши, мне нужно, чтобы указатель курсора изменился со значения по умолчанию на изображение SVG

код, который я использую:

HTML

 <div [hidden]="!isNodeEnableForGraph" id="chartdiv_1" class="mt-3" (dragover)="onDragOver($event)" #chartDiv1>

КОМПОНЕНТ

   export class GraphComponent implements OnInit {
    ..
     @ViewChild('chartDiv1',{static:true}) chartDiv1: ElementRef;
    .....
    .....
    onDragEvent(e) {
    if(keyPress === ctrl) {
    this.chartDiv1.nativeElement.style = `cursor: URL("data:image/svg+xml....."), pointer !important`;
    }

    }

    onDragStop(e) {
    this.chartDiv1.nativeElement.style = `cursor: default`;
    }
    }

============================ ====================== но меняю эффект только тогда, когда я делаю ctrl + щелчок вверх (после перетаскивания), принятие: ctrl + щелчок вниз => я хочу чтобы изменить стиль курсора на SVG, а не после отпускания щелчка

, когда нет Ctrl + перетаскивание мыши, должен отображаться указатель по умолчанию