javascript - 如何将 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"}