Cursor 拖放

Question

I found a function to move an element from one div to another and work very well, but when i drag element the cursor change to cursor: not-allowed; or something similar, but I want change cursor to cursor: grab; when i move the element, how i can do this?

Is the same example of this question: Example

I try:

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

Answer 1

You could, in dragStart , add e.target.classList.add('grabbed'); and in dragEnd , add e.target.classList.remove('grabbed'); .

Then add css .grabbed { cursor: grab; } .grabbed { cursor: grab; } .