热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

防止HTML5拖动Ghost图像飞回

如何解决《防止HTML5拖动Ghost图像飞回》经验,请问有什么解决方案?

我正在建立一个使用HTML5拖放的可排序列表。它运作良好,但是当涉及到幻影图像时,我遇到了一个令人沮丧的问题。鬼影始终希望飞回其原始位置。结果是,如果列表项更改位置,则幻影图像将飞回错误的列表项。

理想情况下,在onDragEnd事件之后根本不应该显示幻影图像。我尝试将图像设置为dragEnd上的空图像

handleDragEnd(e) {
    e.dataTransfer.setDragImage(new Image(0, 0), 0, 0);
    ...

但我认为您只能setDragImage在中使用onDragStart

有没有办法隐藏鬼影onDragEnd,或者至少可以使它飞回正确的位置?


推荐阅读
author-avatar
为我有方
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有