HTML5拖放(DnD):更改光标

XDR*_*XDR 11 html5 drag-and-drop cursor

在HTML5中的浏览器客户端区域上拖动元素时,如何将光标更改为我想要的任何光标?

到目前为止,我只能在拖动时显示默认光标(除了不支持丢弃的无光标).

我不是在谈论以下任何一种情况:

  • 使用event.dataTransfer.setDragImage()除了光标来显示图像

  • 使用event.dataTransfer.dropEffect以显示除了光标复印件或链路符号,或者将光标改变为无符号

  • 在Firefox中,使用event.dataTransfer.mozCursor,因为它只能执行默认的系统行为,或显示箭头光标,这两者都没有帮助(此外,我想要跨浏览器支持,虽然我主要针对Chrome)

我尝试过许多其他的技巧,包括使用CSS :hover:focus,和许多使用JavasScript招数,都无济于事.

谢谢你的帮助.

小智 -1

您想在拖动元素时更改光标吗?

$('YourElement').draggable({
     cursor: "crosshair"
});
Run Code Online (Sandbox Code Playgroud)

有关更多信息,请参阅http://api.jqueryui.com/draggable/#option-cursor