草庐IT

DragOver

全部标签

c# - 处理拖动时是否可以更改鼠标光标(来自 DragOver 事件)?

这个问题在这里已经有了答案:CanIchooseacustomimageforC#WindowsApplicationDragDropfunctions?(2个答案)关闭9年前。当用户将项目拖入我们的应用程序时,我们需要向用户显示反馈。我们的客户更喜欢以自定义光标的形式提供此反馈。这已经为拖出实现,使用在GiveFeedback事件处理程序中设置的自定义光标(在将项目拖出我们的应用程序时由DoDragDrop引发)。GiveFeedbackEventArgs允许我们指定UseDefaultCursors属性-将其设置为false允许我们覆盖光标。但是,与GiveFeedback等效的D

javascript - 如何在事件 Dragover 或 Dragenter 中从 DataTransfer.getData 获取数据

我有一个代码:element.addEventListener('dragstart',function(e){e.dataTransfer.setData('Text','somethingishere');},false);当我在事件Drop运行时从DataTransfer.getData获取数据。但是当我想在事件dragover或dragenter中获取数据时,数据为空。element.addEventListener('dragover',function(e){vara=e.dataTransfer.getData('Text');console.log(a);},false

javascript - jQuery dragenter 或 dragover 以包含子项

我目前正在编写上传脚本,当然它具有拖放功能。但是当我将一个文件拖到我的元素上时,我试图让它工作,它添加了drag-over类,但是因为我的元素有子元素,它不断触发,因为它进入和离开元素。我想知道的是如何扩展*dragenter*/*dragover*以包含子元素的主要元素?这是我的代码的精简版(请注意我已禁用文件输入):$(document).ready(function(){$(window).on('dragenter',function(){$(this).preventDefault();});$('#drag-and-drop-zone').on('dragenter',fu

javascript - :hover sticks to element on drag and drop

我有简单的ol-li结构,想添加拖放功能。此外,我想突出显示不同颜色的悬停项和拖动项。但这是WebKit中的一个不寻常的错误。捕获最后一项。将它拖到顶部。将其拖放到第一项。最后一个元素捕获了hover伪类!为什么?我该如何预防?这是一个例子:http://jsfiddle.net/zFk2V/3/varlis=document.querySelectorAll("li"),ol=document.querySelector("ol"),dragged=false,dragover=false;ol.addEventListener("drop",function(event){ol.i

javascript - :hover sticks to element on drag and drop

我有简单的ol-li结构,想添加拖放功能。此外,我想突出显示不同颜色的悬停项和拖动项。但这是WebKit中的一个不寻常的错误。捕获最后一项。将它拖到顶部。将其拖放到第一项。最后一个元素捕获了hover伪类!为什么?我该如何预防?这是一个例子:http://jsfiddle.net/zFk2V/3/varlis=document.querySelectorAll("li"),ol=document.querySelector("ol"),dragged=false,dragover=false;ol.addEventListener("drop",function(event){ol.i

javascript - 由于 dragover 事件中的 DOM 操作,HTML5 draggable 的 drop 事件不会间歇性触发

我正在使用html5的“可拖动”属性在容器中拖动2个元素,并使用svg线来连接这两个元素。连接后,拖动第一个Div应该重绘连接的svg线(我通过调用“handleDragOver”函数在dragover事件上执行此操作)。但是,如果您更快地拖动第一个div,则不会触发drop事件,并且div会在绘制线条时保持其原始位置。functionhandleDragOver(e){if(e.preventDefault){e.preventDefault();}//SomecodedoingDOMcomputationandmanipulation}returnfalse;//e.dataTra

javascript - 如何防止子元素干扰 HTML5 dragover 和 drop 事件?

我有一个我已将“drop”和“dragover”事件附加到的drop目标。在anchor标记内包含图像(简单地说:)。目标的子元素似乎阻止触发“drop”或“dragover”事件。仅当拖动的元素位于目标上方但未位于其子元素上方时,才会按预期触发这两个事件。我想要实现的行为是在目标上方的任何位置触发“dragover”和“drop”事件,无论子元素是否存在。 最佳答案 您可以在CSS中为所有child禁用指针事件。.targetDiv*{pointer-events:none;} 关于j

javascript - 除非处理 dragover,否则 HTML5 drop 事件不起作用

我正在监听drop事件并执行e.preventDefault()但它试图打开已删除的文件。直到昨天它工作正常。但就在今天,不知什么原因坏了。我做了一个JsFiddle#bwquR/10反射(reflect)相同。编辑:看起来如果你不采取dragover事件drop无法处理。即使在fiddle中,如果您评论dragover它也不会起作用。实际工作中我漏写了dragover但是还是个问题dropwillnotworkwithoutdragoverfiddle实际上在工作,但是它的主体太小了(那里只有文本DROP)。它只在DROP文本不在整个主体上的那个小区域上发生drop事件。所以我认为它

javascript - 确定从 dragenter 和 dragover 事件中拖动的内容

我正在尝试使用HTML5可拖动API(虽然我知道它hasitsproblems)。到目前为止,我遇到的唯一问题是我想不出一种方法来确定在dragover或dragenter事件触发时被拖动的内容:el.addEventListener('dragenter',function(e){//whatisthedraggableelement?});我意识到我可以假设它是触发dragstart事件的最后一个元素,但是......多点触控。我还尝试使用dragstart中的e.dataTransfer.setData来附加一个唯一标识符,但显然数据是inaccessible来自dragover
12