拖动时更改光标

Posted 2023-03-04

【中文标题】拖动时更改光标

【英文标题】：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');

jsfiddle

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

【问题讨论】：

我也有同样的问题。你有没有找到任何解决方案？这是一个重复的链接***.com/questions/14930811/…

【参考方案1】：

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

你可以像使用它一样简单

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

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

【讨论】：

不是我要找的东西，但你能把我链接到 jquery UI 吗？

啊好吧我错过了你不使用 jqueryUI，jquery 本身不提供可拖动的 afaik 但你可以轻松地自己构建它***.com/questions/8569095/…

BTW 不适用于“over”和“out”方法（您希望动态操作它们的事件）

【参考方案2】：

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

【讨论】：

他已经将样式应用于拖动的元素。不，使用原生 HTML5 拖放也不能通过更改拖动元素的光标来工作。

是的，你是对的，authro 已经将 css 应用于可拖动，我想念它。它对我有用 jquery ui 可拖动的“助手”：当鼠标悬停在禁止区域时，我在其上应用了“nodrop”光标。它似乎是 jquery 可拖动组织中的助手而不是微不足道的方式。

jquery ui draggable 中的helper 可能是绝对定位绑定到mousemove 的常规元素。所以这就是为什么它对我有用。