如何在dragstart或dragover中更改光标

问题描述 投票:0回答:1

我试图在放置区域上方时更改光标,我在询问之前看到了这些问题,但没有多大帮助:Q1Q2Q3。 这是我尝试过的。 首先我尝试使用以下方法在dragstart和dragover中更改它:

event.target.style.cursor = "grapping";

它不起作用,当拖尾时光标实际上会改变,但每当我尝试再次拖动它时它就不起作用。 第二次尝试我创建了一个 css 类并将其添加到

event.target.classList.add('cursor-grapping');
在dragstart和dragover中,但结果与第一次尝试相同, 我尝试的最后一件事是:

event.dataTransfer.dropEffect = 'move'; 

这张图片只是为了显示我在说什么,这是我试图更改的光标:

javascript html css reactjs drag-and-drop
1个回答
0
投票

您的光标样式错误! 应该是

event.target.style.cursor = "grabbing";
© www.soinside.com 2019 - 2024. All rights reserved.