Перетаскивание HTML5 (DnD): изменение курсора

Во время перетаскивания элемента над клиентской областью браузера в HTML5, как я могу изменить курсор на любой курсор, который я хочу?

До сих пор я мог отображать курсор по умолчанию во время перетаскивания (кроме курсора none, где не поддерживается dropping).

Я не говорю ни о одном из следующих:

  • с помощью event.dataTransfer.setDragImage() для отображения изображения, кроме курсора

  • с помощью event.dataTransfer.dropEffect для отображения копии или символа ссылки помимо курсора или для изменения курсора на символ none

  • в Firefox, используя event.dataTransfer.mozCursor, так как это может выполнять только поведение системы по умолчанию или отображать курсор стрелки, ни один из которых не помогает (кроме того, я хочу поддержку кросс-браузера, хотя я в первую очередь ориентирован на Chrome )

Я пробовал много других трюков, включая CSS :hover и :focus, и многие трюки JavaSscript, все безрезультатно.

Спасибо за любую помощь.

Ответы

Ответ 1

Итак, вы хотите изменить курсор при перетаскивании элемента?

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

см. http://api.jqueryui.com/draggable/#option-cursor для получения дополнительной информации