问题标签 [html5-draggable]

所以，我有一个想要组织成运行顺序的乐队列表，如下所示：

我希望能够拖动这些列表项来更改整个列表中每个波段的位置。到目前为止，我有以下 JavaScript 来执行此操作：

这非常有效，我可以拖放列表以使它们改变位置并且乐队的名称适当地交换。但是，“data-band-id”属性的值保持不变。我知道这正是我所拥有的代码所做的，这就是我的问题。我想修改代码，以便交换被拖放的乐队的名称和“ data-band-id”属性的值。

我用谷歌搜索了很多，但没有发现任何可以告诉我如何在多个值上设置数据的东西，非常感谢任何帮助。

我在父容器上使用 HTML5 拖放，但我想禁用对其某些子容器的拖动效果，特别是输入，以便用户可以轻松选择/编辑输入内容。

示例： https ://jsfiddle.net/Luzub54b/

默认情况下，Safari 似乎对输入执行此操作，因此请在 Chrome 或 Firefox 上尝试。

当开始使用 HTML5 draggable 属性拖动元素时，原始元素仍然可见，所以我最终有两个元素可见而不是一个。

我该怎么做才能让被拖动的元素可见（原来的元素应该暂时隐藏）。

这是一个显示问题的 jsfiddle https://jsfiddle.net/gjc5p4qp/

当您希望<div>相对位置可拖动，并且这<div>具有一些绝对定位的内容时，重影图像不会正确呈现。

这是小提琴：https ://jsfiddle.net/0s3fxqnv/

有人知道如何解决这个问题吗？

我被要求跟踪用户何时将我们网站上的链接拖入全新的标签。是否有一个拖动属性可以用来判断是否创建了新选项卡？

我曾尝试查看该dragEnd事件，但我能找到可能有帮助的东西是pageXand pageY。如果链接用于创建新选项卡，是否可以使用这些来计算？

干杯

该draggable属性似乎对触摸设备上的浏览器没有影响。

https://jsfiddle.net/41z5uz4t/

用鼠标，我可以拖动这个元素。如果我尝试在我的触摸屏（Windows 10、Chrome）上拖动它，则常规的触摸事件（例如向后导航）似乎优先。我试过握住它，然后拖动。这也不起作用。

是否有用于在 Chrome 中修复此行为的 polyfill？我应该做一些不同的事情吗？

我正在使用 html5 拖放。

当我从任何给定网页拖动图像或链接时，浏览器窗口正在识别拖动事件。

例如，在浏览器选项卡上拖动图像，使浏览器切换窗口。例如，同样适用于将链接拖动到书签。

现在，当我拖动自定义可拖动元素时，浏览器没有反应。有没有办法改变这种行为？

我已经添加draggable="true"到一个元素中，并且只有元素的可见部分被拖动。元素的其余部分被剪裁。如何让整个元素显示？

我正在尝试掌握 html5 拖放事件的窍门。

现在我只是想在dragStart 中的dataTransfer 对象中放一些东西，然后在dragOver 中检索它。问题是它不存在于拖拽中。我设置了断点，这些事件被调用，但getData('text')返回空字符串，以及我能想到的所有其他可能性。

嗨，我想知道是否有一种可能的解决方案来创建一个用 javascript 创建的可拖动 div，例如：

有没有办法让这个 div class="image" 可拖动，因为我遇到了问题并且想知道是否有可能的解决方案。帮助将不胜感激

为了更清楚，我想要一个看起来类似于下面这段代码的方法，它使创建的 java<div class="image">可拖动。我试过这个方法：