拖动时更改光标

Question

是否可以在拖动时更改光标？

我已经寻找并尝试做了一段时间了。我想要改变‘不允许’游标，它显示时，你拖动一个对象到另一个光标。

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

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

JavaScript:-

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

jsfiddle

编辑:注意:我的小项目应该是html-5 drag and drop，所以我需要能够在拖动带有html-5 drag属性的div时更改光标。

Answer 1

“不允许”光标只是显示根本没有拖放。您必须将您的img绑定到.draggable()方法http://api.jqueryui.com/draggable/，它有自己的选项，以便在拖动时使用特定的游标。

你可以像这样简单地使用它

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

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

Answer 2

是的是可能的。您应该更改正在拖动的项的光标(而不是目标项)。