javascript - 拖动时更改光标

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');
}

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

score 2 · Accepted Answer

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

你可以像使用它一样简单

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

score -3 · Accepted Answer

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

2 回答 2