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"}

如何定位dropEffect游标以进行样式设置

1 个答案: