2013-04-28 235 views
5

拖动时是否可以更改光标?我一直在寻找并尝试做一段时间。我想更改当您将对象拖动到另一个光标时出现的“不允许”光标。

我试图创建一个事件,并将其分配给像我想拖: -
拖动时更改光标

<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

编辑:注意:我的小项目是suppost html-5 drag and drop,所以我需要能够改变同时用html-5拖动div drag attribute

+0

我有同样的问题。你有没有找到任何解决方案?这里是一个重复的链接http://stackoverflow.com/questions/14930811/html5-drag-and-drop-dnd-changing-cursor – 2016-04-01 15:46:21

回答

1

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

,你可以使用它作为容易像

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

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

+0

不完全是我在找什么,但可以将我链接到jQuery UI? – Tom 2013-04-28 10:59:18

+0

啊好吧我错过了你不使用jqueryUI,jquery本身不提供可拖动的afaik,但你可以轻松地自己构建它http://stackoverflow.com/questions/8569095/draggable-div-without-jquery-ui – 2013-04-28 11:02:10

+0

顺便说一句,不工作“over”和“out”方法(你想动态操作它们的事件) – 2015-03-21 18:29:55

-1

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

+1

他已经将样式应用到拖动的元素。不,只是通过更改拖动元素的光标,原生HTML5拖放功能也无法正常工作。 – H27studio 2015-04-10 10:27:46

+0

是的,你是对的,authro已经将CSS应用于可拖动,我想念它。它用jQuery UI可拖动的“帮手”为我工作:当鼠标在禁区上时,我已经将“光标”光标应用于它。它似乎帮手在jQuery可拖拽组织不平凡的方式。 – 2015-04-10 23:07:04

+0

jquery ui draggable中的helper可能是绝对定位绑定到mousemove的常规元素。所以这就是为什么它为我工作。 – 2015-04-11 18:49:37