如何将dropEffect游标定位到样式

Question

在Mozilla Firefox中拖动时如何更改光标样式？

onDragStart(e) {
        e.dataTransfer.setData('text/plain', e.target.id)
        this.dragedItem = e.target
    }

    onDragOver(e) {
        e.dataTransfer.dropEffect = 'move'
        e.preventDefault()
    }

    onDragEnd(e) {
        this.dragedItem.style.display = 'block'
    }

    onDragEnter(e) {
        e.preventDefault()
        e.currentTarget.className += ' hovered'
    }

    onDragLeave(e) {
        e.preventDefault()
        e.currentTarget.className = 'item-slot'
    }

    onDragDrop(e) {
        e.currentTarget.className = 'item-slot'
        e.target.appendChild(this.dragedItem)

    }

我想dropEffect移动但我不想要默认的光标样式。

Answer 1

您可以通过css更改body元素的光标样式。这样，光标样式就会改变。以下是不同的可能风格：https://www.w3schools.com/cssref/pr_class_cursor.asp

你可以这样：

onDragStart(e) { document.body.style.cursor = "pointer"}
onDragEnd(e) { document.body.style.cursor = "default"}