2013-04-28 209 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