HTML5拖放(DND):改变光标(HTML5 Drag and Drop (DnD): chang

2019-08-17 01:15发布

在拖动的元素在HTML5中的浏览器客户端领域,我怎么可以改变光标,我想任何光标?

到目前为止,我只能够显示的默认光标拖动(除了没有光标的地方,不支持丢弃)。

我不是在谈论任何如下:

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

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

  • 在Firefox中,使用event.dataTransfer.mozCursor ,因为这只能执行默认的系统行为,或显示箭头光标,这两者都不利于(此外,我想跨浏览器的支持,但我主要定位于Chrome)

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

谢谢你的帮助。

Answer 1:

所以,你想改变你的光标拖动的元素?

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

看到http://api.jqueryui.com/draggable/#option-cursor更多信息



文章来源: HTML5 Drag and Drop (DnD): changing cursor