使用dataTransfer进行拖放事件在移动视图中不起作用

Question

我正在与dataTransfer一起使用拖放事件，如下所示-

html文件-

<div (dragstart)="dragStartHandler($event)" (dragend)="dragEndHandler($event)"></div>
<div (dragleave)="onDragLeave($event)" (drop)="onDrop($event)"></div>

ts文件-

dragStartHandler(event) {
        event.dataTransfer.setData("text", "data to transfer");
}

dragEndHandler(event){
        //other css related stuff
}

onDragLeave(event){
    event.stopPropagation();
    event.preventDefault();

    //other css related stuff
} 

onDrop(event)
{
    event.stopPropagation();
    event.preventDefault();

    let data = event.dataTransfer.getData("text");
}

在台式机上运行良好。但是它不适用于任何移动视图/设备。我听说了移动设备的触摸事件，但是无法通过它传输数据。因此，有什么方法可以在移动视图中使用angular来实现相同的功能？