拖放HTML5元素和javascript问题

文章/答案/技术大牛

发布

2回答

jQuery DnD.如何传递与正在拖动的元素关联的数据？

jquery、drag-and-drop

我需要设置一些与被拖动的item元素相关的数据，并能够在droppable元素的"drop“处理程序中从事件中提取它。

浏览 2提问于2015-02-19得票数 3

回答已采纳

1回答

即使代码执行时没有任何错误，也无法执行拖放操作

java、selenium-webdriver

即使在没有任何错误的情况下执行拖放操作，也无法在AnjularJS应用程序中看到拖放的元素。'page-content-wrapper']/div[2]/div[3]/div[3]/div[2]/div[1]/div[1]/div/div[6]/div[2]/div[1]")); .mouseMove(drag

浏览 0提问于2016-09-28得票数 0

1回答

Javascript :拖放图像标签

javascript、html、image、drag-and-drop

我想知道如何使用javascript进行拖放图像标记。我知道html5每个元素都可以拖动，但我想让它在较旧的浏览器上工作。我已经使用javascript进行了拖放，它工作得很好，除了ie和firefox中当鼠标按下时，鼠标移动事件不会做出反应，除非用户点击它，这就是ie的反应。在firefox上，图片变成了半透明和可拖动的，但我的代码是拖动它的。有人知道如何解决这个问题吗？请帮帮忙。

浏览 2提问于2012-08-20得票数 2

1回答

为什么HTML5拖动n个目标子？(可排序名单)

javascript、html、drag-and-drop、draggable

当我尝试创建一个具有HTML5拖n拖放的可排序列表时，Drop事件(e.target)的目标是drop区域元素的子元素，而不是drop区域元素本身。这很糟糕。我希望下面代码中的e.target值是包含ondrop="drop(event)"的div，而不是<p>子元素。编辑:我希望了解本机HTML5和Javascript</e

浏览 4提问于2015-04-10得票数 2

回答已采纳

2回答

将动态webelement值传递给Javascript方法以执行HTML5中的拖放操作

java、javascript、selenium、selenium-webdriver、webdriver

我试图使用Selenium在HTML5中执行拖放操作。为此目的，Action对象不能是。我试过了，但现在我卡住了：参与拖放的两个元素都是动态的。我需要根据这两个元素的位置为它们生成一个动态的XPath。如何将值传递给<em

浏览 6提问于2014-07-07得票数 4

回答已采纳

2回答

PHP可以处理拖放/定位交互性吗？

php

我正在决定PHP是否是这项任务的最佳(最简单和最强大的)选择。我在面板中有一个形状列表，并希望根据需要将它们的实例拖动到板上。这不仅仅是一个拖放操作:一旦形状放到板上，我仍然需要能够重新定位和调整它的大小。我使用PHP，但我的直觉告诉我，它可能不是处理这个问题的最佳语言。我不确定，因为我以前从来不需要做这样的事情，所以也许PHP终究可以做到。我想听听那些对PHP和其他语言更有经验的人的反馈。

浏览 3提问于2010-08-21得票数 3

回答已采纳

2回答

javascript、html、drag-and-drop、draggable、drag

</span></ol>我的问题是，在新职位上的释放永远不会发生。我甚至试着使用这个例子，但它对我不起作用：在这里，我给你留下了一个jsfiddle，里面有我完整的工作(和错误的)代码。您能帮我一下吗？

浏览 3提问于2017-12-27得票数 1

回答已采纳

1回答

更改html5拖放功能，使元素看起来附在光标上

javascript、jquery、html

我目前正在做html5拖放的工作。但是，我的代码正在工作，我想要更改一个效果。当用户拖动一个元素时，拖动元素的副本应该粘在游标/指针/箭头上。html5拖放的默认行为看起来并不真实。如果您看到jquery是可拖放的，则元素将与光标一起移动。如何使用html5拖放添加这种效果？<div id="boxA"> <div id=

浏览 4提问于2014-07-22得票数 0

3回答

基于setDragImage的HTML5拖放特征检测

javascript、html、dart

是否有一种方法对setDragImage of HTML5拖放(在JavaScript或Dart中)进行特征检测？我使用以下方法进行一般的HTML5拖放特性检测(来自)：这将返回true的Chrome，火狐等，和IE10。现在，问题在于IE10：虽然它支持大部分HTML5拖放，但不支持s

浏览 2提问于2013-06-03得票数 7

回答已采纳

3回答

原生HTML5在Mobile Safari (iPad，iPod，iPhone)中的拖放？

iphone、ipad、html、drag-and-drop、mobile-safari

我已经成功地实现了原生HTML5拖放，用于在页面中移动元素(比如说，从一个位置到另一个位置的div，与与主机操作系统文件的交互无关)。这在个人电脑上的Chrome和Safari上运行得很好，但我不能在iPad的Safari上启动拖动操作。到目前为止，我发现了这个：基于Safari、Dashboard和WebKit的应用程序支持在HTML页面中自定义拖放操作的行为。对于iPhone OS，请使用DOM Touch，

浏览 120提问于2011-07-07得票数 19

2回答

WebDriver拖放在页面上不工作。

java、selenium、selenium-webdriver、webdriver

然而，它不执行拖放.我试过Chrome，Firefox和Edge。感谢你的帮助。

浏览 2提问于2020-06-25得票数 0

回答已采纳

1回答

HTML容易(和触摸兼容)拖放？

javascript、jquery、html、css

tools-solid-icons-vol-2/72/59-512.png" height=100px width=100px></div><br> </div></html>当我试图拖放到移动设备上时，它不会做任何事情.是苹果特有的问题，还是代码的问题？它在PC和MAC上工作..。我试图搜索，但没有发现真正的答案是简单的实现

浏览 3提问于2016-11-18得票数 0

1回答

反应合成事件: onDrag在调用onClick或onContextMenu之后不会触发

javascript、html、reactjs、html5-canvas

有人知道这里出了什么问题吗？

浏览 0提问于2017-12-06得票数 1

回答已采纳

1回答

带有HTML5拖放事件的div上的Hammer.js拖放元素

javascript、jquery、html、drag-and-drop、hammer.js

TL；博士如图所示，我有两个集装箱：我想将元素从左边的容器拖放到右边的容器中。但是，在拖动时，当进入正确的容器时，Hammer.js dragstart事件将被激活。删除

浏览 4提问于2014-06-21得票数 5

1回答

jqueryui sortable:丢弃元素时视频停止

jquery、jquery-ui、jquery-ui-sortable、jquery-ui-draggable

我使用的是jquery sortable：有什么想法吗？(或者选择对html5视频元素进行排序?)

浏览 0提问于2016-11-19得票数 0

5回答

与jQuery UI拖放相比，HTML5拖放的优点

html、drag-and-drop、jquery-ui-draggable

我正在编写一个新的web应用程序，它需要支持页面上元素的拖放操作(而不是文件拖放)。这就是这个问题的答案建议使用现代浏览器检查浏览器是否支持HTML5拖放，并使用该支持或回退到替代方案，如jQuery UI。由于它们具有完全不同的模型，这意味着所有的拖放代码都必须单独实现和测试(很少共享实现)。只有当HTML5拖放有显著的、对用户有影响的好处，并且回退到jQuery UI会提供降级的体验时，这样做才是合乎逻辑的。

浏览 2提问于2012-03-02得票数 27

回答已采纳

1回答

Selenium (C#)：拖放已执行，但什么也没有发生

selenium

我无法使用前面给出的示例代码将W3Schools图像拖放到矩形中。我试过Firefox，Chrome和IE网络驱动程序，什么都没发生。

浏览 2提问于2014-01-03得票数 0

回答已采纳

1回答

是否可以在动态创建的元素中使用HTML5拖放？

javascript、jquery、html、drag-and-drop

编辑:我知道这看起来像一个重复的问题，但它是针对HTML5拖动事件的。我在添加jQuery事件时没有遇到问题，只是HTML5的拖放功能。我曾多次使用basic jQuery向页面添加拖放功能，但我希望在当前项目中使用新的HTML5拖放功能。Drag对于我在HTML中包含的任何元素都很有效，但我似乎不能动态添加元素并使它们可拖动。我怀疑这是因为所有可拖动的事件侦听器都是在页面加载时，即在创建新元素之前

浏览 1提问于2014-11-18得票数 6

4回答

检测javascript中的HTML5拖放支持

javascript、html、drag-and-drop、standards

我正在尝试检测JavaScript中对HTML5拖放的支持。现代似乎不能处理这个测试用例。

浏览 1提问于2010-05-18得票数 23

回答已采纳

1回答

如何在chrome中禁用本地文件到html的拖放？

javascript、google-chrome、drag-and-drop

在我的项目中，它基于cef，用户希望禁用拖放本地文件到chrome，但在我的html中用户可以拖放html元素(e.g.images，我使用html5的拖放功能，如下图所示：$("body").unbind("drop"); 问题是我不能拖放html中的元素，但我想要的效果是我不想把本地文件拖放</e

浏览 7提问于2013-09-05得票数 0

点击加载更多

jQuery DnD.如何传递与正在拖动的元素关联的数据？

即使代码执行时没有任何错误，也无法执行拖放操作

Javascript :拖放图像标签

为什么HTML5拖动n个目标子？(可排序名单)

将动态webelement值传递给Javascript方法以执行HTML5中的拖放操作

PHP可以处理拖放/定位交互性吗？