2013-02-18 42 views
11

在HTML5中通过浏览器客户端区域拖动元素时,如何将光标更改为我想要的任何光标?HTML5拖放(DnD):更改光标

到目前为止,我只能在拖动时显示默认光标(除了不支持拖放的none光标外)。

我不是在谈论任何如下:

  • 使用event.dataTransfer.setDragImage()除了使用event.dataTransfer.dropEffect显示复制或链接符号除了光标光标

  • 显示图像,或者将光标更改为无符号

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

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

感谢您的任何帮助。

+0

你有没有找到一个解决这个? – Mahks 2014-09-29 12:59:51

+0

我不认为在使用HTML 5拖放(而不是仅仅是正常的鼠标移动)时可以更改光标。我认为这是为了安全,确保网页不会试图诱使用户认为在某个区域放置的行为不符合预期。我只是转而使用正常的鼠标移动而不是拖放。 – XDR 2014-09-29 13:44:08

+0

我有同样的问题。我赞同你。我们可能需要切换回mousedown/mousemove事件而不是H5 Dnd – 2016-04-01 15:16:58

回答