拖动时更改光标

Question

拖动时是否可以更改光标？我一直在寻找并试图做一段时间。我想更改在将对象拖动到另一个光标时显示的“不允许”光标。

我尝试创建一个事件并将其分配给我想要拖动的图像： -

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

的java： -

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

jsfiddle

编辑：注意：我的小项目是host-5 drag and drop，因此我需要能够在使用html-5 drag attribute

拖动div时更改光标

Answer 1

'不允许'光标只是表明根本没有可拖动。 您必须使用.draggable()方法http://api.jqueryui.com/draggable/绑定您的img 它有自己的选项，可以在拖动时使用特定的光标。

你可以像使用

一样轻松使用它

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

http://jsfiddle.net/wpcbM/3/

Answer 2

是的，这是可能的。您应该更改要拖动的项目的光标（而不是目标项目）。