微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

原文地址:https://www.jb51.cc/html5/168534.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。