Is it possible to change the cursor while dragging?

I have been searching and trying to do it for a while now. I want to change the 'not-allowed' cursor which shows up while you drag an object to another cursor.

I tried creating an event and assigning it to the image I wanted to drag:-

<img id="drag1" class="drag" src=".png" draggable="true" ondragstart="drag(event)" />

JavaScript:-

function drag(ev) {
    $('#drag1').css('cursor', 'pointer');
}

jsfiddle

Edit: Note: My little project is supposed to be html-5 drag and drop, so I need to be able to change the cursor while dragging a div with html-5 drag attribute

Is it possible to change the cursor while dragging?

I have been searching and trying to do it for a while now. I want to change the 'not-allowed' cursor which shows up while you drag an object to another cursor.

I tried creating an event and assigning it to the image I wanted to drag:-

<img id="drag1" class="drag" src="http://www.surfixe./img/tick2.png" draggable="true" ondragstart="drag(event)" />

JavaScript:-

function drag(ev) {
    $('#drag1').css('cursor', 'pointer');
}

jsfiddle

Edit: Note: My little project is supposed to be html-5 drag and drop, so I need to be able to change the cursor while dragging a div with html-5 drag attribute

• javascript
• jquery
• css
• drag
• mouse-cursor

• I have the same problem. Did you ever find any solution? Here is a duplicate link stackoverflow./questions/14930811/… – Ricky Jiao Commented Apr 1, 2016 at 15:46

2 Answers 2

The 'not-allowed' cursor simply showed that there´s been no draggable at all. You have to bind your img with .draggable() method http://api.jqueryui./draggable/ it has it´s own option for a specific cursor to be used while dragging.

you can use it as easy like

$( "#drag1" ).draggable({ cursor: "pointer" });

http://jsfiddle/wpcbM/3/

Yes it is possible. You should change the cursor of item that you are dragging (not the destination one).