HTML5 Trascinare e rilasciare (DnD): cambiare il cursore

Question

Mentre si trascina un elemento nell'area client del browser in HTML5, come posso cambiare il cursore su qualsiasi cursore che desidero?

Finora, sono stato in grado di visualizzare il cursore predefinito durante il trascinamento (eccetto per il cursore none ovunque non sia supportato il rilascio).

Non sto parlando di una delle seguenti:

• utilizzando event.dataTransfer.setDragImage() per visualizzare un'immagine oltre il cursore

• utilizzando event.dataTransfer.dropEffect per visualizzare una copia o un simbolo di collegamento, oltre il cursore, o per cambiare il cursore sul simbolo none

• in Firefox, utilizzando event.dataTransfer.mozCursor, poiché è possibile solo eseguire il comportamento predefinito del sistema o visualizzare l'ar cursore fila, nessuno dei quali contribuisce (oltre, voglio il supporto cross browser, anche se sono in primo luogo mira Chrome)

Ho provato molti altri trucchi, tra cui l'uso di CSS e :hover:focus, e molti trucchi JavasScript , tutto inutilmente.

Grazie per qualsiasi aiuto.

Answer 1

Quindi vuoi cambiare il cursore mentre trascini un elemento?

$('YourElement').draggable({ 
    cursor: "crosshair" 
}); 

vedere http://api.jqueryui.com/draggable/#option-cursor per ulteriori informazioni