HTML5 拖拽拖动时放置更改图标/光标

HTML5 Drag amp; Drop Change icon/cursor while dragging(HTML5 拖拽拖动时放置更改图标/光标)
本文介绍了HTML5 拖拽拖动时放置更改图标/光标的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

我想知道如何在拖动 (dragover/dragenter) 图标/光标时进行更改,例如当我拖动输入以拒绝或允许部分时.当然,我可以用光标移动绝对定位的 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 amp; Drop with Protractor by Repeater(拖动amp;通过中继器使用量角器掉落)
Getting the position of the element in a list when it#39;s drag/dropped (ui.sortable)(拖放时获取元素在列表中的位置(ui.sortable))
Detecting HTML5 Drag And Drop support in javascript(在 javascript 中检测 HTML5 拖放支持)
HTML5 drop event doesn#39;t work unless dragover is handled(除非处理了拖动,否则 HTML5 放置事件不起作用)
How to use jQuery#39;s drop event to upload files dragged from the desktop?(如何使用 jQuery 的 drop 事件上传从桌面拖动的文件?)
Drop image into contenteditable in Chrome to the cursor(将图像拖放到 Chrome 中的 contenteditable 到光标处)