HTML5 Drag&拖动时拖放更改图标/光标 [英] HTML5 Drag & Drop Change icon/cursor while dragging

查看:1646
本文介绍了HTML5 Drag&拖动时拖放更改图标/光标的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想知道拖动时拖动(拖动/拖动)图标/光标时如何改变,例如拖动或拒绝部分。
当然,我可以用光标移动DOM绝对定位的一部分,但我对本机HTML5解决方案感兴趣。

I'm wondering how to change during dragging (dragover/dragenter) icon/cursor when I dragenter for example to deny or allow section. Of course, I can move with cursor a part of DOM positioned absolutely, but I'm interested in native HTML5 solution.

谢谢!

推荐答案

您是在 dropEffect

在dragstart中初始化它:

Initialize it in dragstart:

event.dataTransfer.effectAllowed = "copyMove";

在dragenter中更新:

Update it in dragenter:

event.dataTransfer.dropEffect = "copy";

这篇关于HTML5 Drag&拖动时拖放更改图标/光标的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆