Cursor 拖放

Question

我發現了一個 function 將一個元素從一個 div 移動到另一個並且工作得很好，但是當我拖動元素時 cursor 更改為cursor: not-allowed; 或類似的東西，但我想將 cursor 更改為cursor: grab; 當我移動元素時，我該怎么做？

是不是這個問題的同一個例子： 例子

我嘗試：

#piece:focus{
cursor: grab;
}
#piece:selection{
cursor: grab;
}
#piece:hover{
cursor: grab;
}

Answer 1

您可以在dragStart中添加e.target.classList.add('grabbed'); 並在dragEnd中添加e.target.classList.remove('grabbed'); .

然后添加 ZC7A62 .grabbed { cursor: grab; } .grabbed { cursor: grab; } 。