如何修改 拖拽时 cursor copy 默认指针样式

2,955 阅读1分钟

设置鼠标拖拽时指针的默认样式

event.dataTransfer.dropEffect = 'move'; // 改变拖拽式的鼠标指针样式

 <div
    class="box"
    :draggable="isDrag"
    :class="{ 'box-drag-place-active': item.isDragPlace }"
    @dragstart="handleDragStart(index, item, $event)"
    @dragend="handleDragEnd(index, item, $event)"
    @dragenter="handleDragEnter(index, item, $event)"
    @dragover="handleDragOver(index, item, $event)"
>123</div>
   /**
     * 当某个被拖动的对象在另一对象容器范围内拖动时触发此事件
     */
    handleDragOver(index, item, event) {
        event.stopPropagation();
        event.preventDefault();
        event.dataTransfer.dropEffect = 'move'; // 改变拖拽式的鼠标指针样式
        if (!this.isDrag) return;
        if (index !== this.dragPlaceIndex) {
            this.dragPlaceIndex = index;
            this.handleDragPlaceBorder(index);
        }
    }