HTML5拖放(DnD):更改光标

前端之家收集整理的这篇文章主要介绍了HTML5拖放(DnD):更改光标前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
HTML5中的浏览器客户区域拖动元素时,如何将光标更改为所需的任何光标?

到目前为止,我只能拖动时显示默认光标(除了不支持抛出的任何光标之外).

我不是在谈论以下任何一个:

>使用event.dataTransfer.setDragImage()显示除光标之外的图像
>使用event.dataTransfer.dropEffect显示除光标之外的副本或链接符号,或将光标更改为无符号
>在Firefox中,使用event.dataTransfer.mozCursor,因为它只能执行默认系统行为,或显示箭头光标,这两者都不是有帮助的(此外,我希望跨浏览器支持,尽管我主要是针对Chrome)

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

感谢任何帮助.

解决方法

所以你想在拖动元素的同时更改光标?
$('YourElement').draggable({
     cursor: "crosshair"
});

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

猜你在找的HTML5相关文章