拖动时更改光标答案

【问题标题】：Changing cursor while dragging拖动时更改光标
【发布时间】：2013-04-21 23:56:02
【问题描述】：

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

我一直在寻找并尝试这样做一段时间。我想更改将对象拖到另一个光标时出现的“不允许”光标。

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

<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-5 drag属性的div时改变光标

【问题讨论】：

【解决方案1】：

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

你可以像使用它一样简单

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

【讨论】：

不是我要找的东西，但你能把我链接到 jquery UI 吗？
啊好吧我错过了你不使用 jqueryUI，jquery 本身不提供可拖动的 afaik 但你可以轻松地自己构建它stackoverflow.com/questions/8569095/…
BTW 不适用于“over”和“out”方法（您希望动态操作它们的事件）

【解决方案2】：

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

【讨论】：

他已经将样式应用于拖动的元素。不，使用原生 HTML5 拖放也不能通过更改拖动元素的光标来工作。
是的，你是对的，authro 已经将 css 应用于可拖动，我想念它。它对我有用 jquery ui 可拖动的“助手”：当鼠标悬停在禁止区域时，我在其上应用了“nodrop”光标。它似乎是 jquery 可拖动组织中的助手而不是微不足道的方式。
jquery ui draggable 中的helper 可能是绝对定位绑定到mousemove 的常规元素。所以这就是为什么它对我有用。