是否有可能禁用浏览器/窗口之间的HTML5拖放？
我正在使用一个具有本机HTML5拖放功能的Angular2应用程序，希望防止用户在浏览器窗口之外拖动，并防止在可拖动对象的其他窗口中拖放。
浏览 3提问于2019-04-25得票数 0
1回答
我想在html5画布中创建一个拖放功能。
这是我想要的：
但在html5画布中。
我已经在网上搜索过了，但只找到了没有可拖放字段的拖放教程
浏览 0提问于2012-11-20得票数 0
我正在使用HTML5制作一个离线混合安卓应用程序。
无论如何，安卓系统还不支持HTML5的拖放功能，所以我想使用其他方法。
使用JavaScript实现拖放的其他方式有哪些？
浏览 7提问于2013-12-11得票数 0
回答已采纳
是否有一种方法对setDragImage of HTML5拖放(在JavaScript或Dart中)进行特征检测？
我使用以下方法进行一般的HTML5拖放特性检测(来自)：
return 'draggable' in document.createElement('span');
这将返回true的Chrome，火狐等，和IE10。它将返回false用于IE9。
现在，问题在于IE10：虽然它支持大部分HTML5拖放，但不支持setDragImage，我只需要为setDragImage提供一个多填充。但我想不出怎么发现这个。
浏览 2提问于2013-06-03得票数 7
回答已采纳
1回答
使用HTML5拖放，可拖动容器中的文本变为不可选。
我尝试将用户选择的CSS标签添加到文本的父元素中，但似乎没有帮助。
[draggable] {
-moz-user-select: all;
-khtml-user-select: all;
-webkit-user-select: all;
user-select: all;
}
这个 (来自HTML5 Rocks)演示了我遇到的问题。
说：“如果您想要使其他类型的内容可拖动，则需要利用HTML5 DnD API。”我想我不知道这是怎么回事
这个可以工作，但是使用了jQuery UI，我
浏览 0提问于2012-10-23得票数 0
回答已采纳
4回答
有没有人知道一个非常好的HTML5拖放教程？我正在制作一个待办事项列表，我希望能够使用此API对其进行重新排序。我像个疯狂的人一样用谷歌搜索它，现在我开始放弃了……欢迎任何建议！谢谢!
附注:我真的想使用jQuery拖放应用程序接口，而不是html5 -sortable()
浏览 1提问于2012-05-15得票数 36
在我的项目中，它基于cef，用户希望禁用拖放本地文件到chrome，但在我的html中用户可以拖放html元素(e.g.images，我使用html5的拖放功能，如下图所示：
$("body").unbind("dragstart");
$("body").unbind("drop");
问题是我不能拖放html中的元素，但我想要的效果是我不想把本地文件拖放到html中。
我该怎么做呢？
浏览 7提问于2013-09-05得票数 0
3回答
我想知道用于拖放的HTML5应用程序接口是否包括对触摸屏显示的支持。
我在考虑iPhone，但我知道这还不受支持。我在想，这是不是在追赶苹果的脚步，在Safari手机上支持HTML5拖放，但我也在想，也许HTML5的API还不够强大，但我对此深表怀疑。
在标准的触摸屏笔记本电脑或类似的平板电脑上怎么样，我没有，所以我不能测试，但我可以想象包括了支持，因为据我所知，表格界面只是取代了鼠标控制，所以，就浏览器而言，最终用户实际上只是在使用鼠标。
有什么想法吗？
浏览 1提问于2010-08-01得票数 34
2回答
我看过一些HTML5拖放的工作代码，但是有没有拖放的例子呢？我想要将一个元素拖到一个拖放元素上，但只将该元素复制到此位置。
浏览 0提问于2012-10-22得票数 36
回答已采纳
1回答
当我尝试创建一个具有HTML5拖n拖放的可排序列表时，Drop事件(e.target)的目标是drop区域元素的子元素，而不是drop区域元素本身。这很糟糕。
我希望下面代码中的e.target值是包含ondrop="drop(event)"的div，而不是<p>子元素。
链接到的完整示例。
function drop(e) {
e.preventDefault();
var data = e.dataTransfer.getData("text");
e.target.appendChild(document.getElem
浏览 4提问于2015-04-10得票数 2
回答已采纳
我使用的是jquery sortable：
我对html5视频有一个问题:当我拖动和移动时:视频仍然可以正常播放。但是当我拖放一个视频元素时，它会停下来播放。
有什么想法吗？(或者选择对html5视频元素进行排序?)
我的代码：
$('#VideosContainer').sortable({cancel:'.videoClass'});
$('#VideosContainer').disableSelection();
浏览 0提问于2016-11-19得票数 0
1回答
编辑:我知道这看起来像一个重复的问题，但它是针对HTML5拖动事件的。我在添加jQuery事件时没有遇到问题，只是HTML5的拖放功能。
我曾多次使用basic jQuery向页面添加拖放功能，但我希望在当前项目中使用新的HTML5拖放功能。Drag对于我在HTML中包含的任何元素都很有效，但我似乎不能动态添加元素并使它们可拖动。我怀疑这是因为所有可拖动的事件侦听器都是在页面加载时，即在创建新元素之前绑定的。有没有人有幸使用HTML5使动态添加的元素可拖动？或者，有没有办法在不重新加载页面的情况下重新绑定事件侦听器？
对任何HTML5拖动事件使用.bind()似乎都不起作用。也就是说，
$(n
浏览 1提问于2014-11-18得票数 6
在使用html5拖放功能时，似乎无法使用鼠标滚轮滚动页面。我在任何html5拖放现场演示中都看到过这个问题。有什么解决方法可以解决这个问题吗？
浏览 412提问于2018-06-14得票数 4
在HTML5 DnD中拖动"dragover“和拖放(" drop ")之后，如何确定(x，y)坐标？
我找到了一个网页，上面描述了拖拽的x，y(看看e.offsetX和e.layerX，看看是否为各种浏览器设置了，但对于我来说，它们是没有设置的)。
对于drop(e)函数，您使用什么来找出它在当前拖放目标中实际被删除的位置？
我正在写一个在线电路设计应用程序，我的下载目标很大。
我是否需要下拉到鼠标级别才能找到x，y，或者HTML5是否提供了更高级别的抽象？
浏览 1提问于2010-03-13得票数 23
我使HTML5拖放对单个元素很好地工作。这在多个浏览器中也很有效，例如，我打开了两个相同或不同的浏览器窗口，我可以从一个浏览器中拖动元素，并将元素拖放到另一个浏览器的下拉区域中--这对于单个元素来说很好。
如果要选择多个元素并拖放，有谁知道如何使此工作吗？
浏览 4提问于2011-08-18得票数 3
4回答
我正在尝试检测JavaScript中对HTML5拖放的支持。现代似乎不能处理这个测试用例。
浏览 1提问于2010-05-18得票数 23
回答已采纳
3回答
我有一个调试器日志，这是我用JavaScript为我正在处理的一个项目编写的。日志基本上是HTML5中的一个<aside>标记，仅在需要时显示。我想尝试一下能够在屏幕上移动日志的想法，因为它可能会重叠某些东西(这对我的项目来说很好)。但是，我似乎不知道如何使用HTML5正确地拖放标记，以便可以将其放置在屏幕上的任何位置(好吧，或者在<div>元素中)。
在阅读了HTML5的拖放支持后，我对它的工作原理有了一个基本的了解，但我不确定从哪里开始允许将div放在任何地方(它的z-index是一个很高的值，所以正如我所说的，重叠是很好的)。
有什么建议吗？
哦，我想尽量避免在这
浏览 2提问于2011-06-04得票数 47
回答已采纳
1回答
所以我试着做一个拖放菜单，在你填写一个可拖动的项目后，你可以把它拖到一个“拖放区”。
我遇到的问题是，由于在某些项目被丢弃后无法更改的问题，最快的解决方案将是在项目被删除时使任何“字段”和“按钮”无法与用户交互。
如果是相关的话，这个菜单包含在一个HTML5网页中，拖放菜单用JavaScript编码。
我要用JavaScript做什么选择呢？我仍然希望那些“字段”和“按钮”在被拖动之前是可插入的。
如果你有任何问题请告诉我。
浏览 9提问于2022-10-14得票数 0
回答已采纳
我正在尝试使用HTML5拖放来传输JSON数据(而不是字符串
开始拖动时，您可以设置数据：
e.originalEvent.dataTransfer.setData("application/json", {x: 10});
},
当可拖放对象被拖出时
e.originalEvent.dataTransfer.getData("application/json");
但无论我做什么，它总是一个字符串。如何传输实际对象？
浏览 0提问于2017-12-20得票数 3
1回答
在使用拖放上传的同时，有没有办法在一个页面上有超过一种“类型”的拖放区域？例如，如果我有一个拖放区域，它会在文件被拖放到它上面时触发文件上载，而另一个拖放区域会导致一个警告，说“错误的拖放区域！”突然冒出来。
似乎在html5中只有一个称为drop事件的drop事件，而不管用户正在与哪个drop区域交互。
我曾尝试使用jQuery提出一些解决方案--例如，在触发drop事件后立即检查鼠标悬停在哪个div上，但在测试它时效果不是很好。
谢谢!
浏览 1提问于2014-07-22得票数 0
当元素被拖动时，我试图通过观察文档上的鼠标移动事件来移动元素(使用html5拖放)。我在一个父元素的文档上添加了一个mousemove侦听器，只要我移动鼠标就会触发，但是一旦我开始拖动另一个子元素，我就不会看到mousemove事件，一旦停止拖动，我就会再次看到这些事件。我在应用程序接口()中看不到拖动会禁用这些事件，但我不能从我的代码中知道如何阻止它们。这是不是仅仅是html5拖放的一部分，它在拖拽的时候禁用了鼠标移动事件？
我正在使用angular2来检测鼠标移动。我尝试了两种不同的方法：
1)
@HostListener('document:mousemove', [&#
浏览 2提问于2017-09-13得票数 7
我试图使用Selenium在HTML5中执行拖放操作。为此目的，Action对象不能是。
我试过了，但现在我卡住了：
@driver.execute_script(dnd_javascript+"$('#column-a').simulateDragDrop({ dropTarget: '#column-b'});")
参与拖放的两个元素都是动态的。我需要根据这两个元素的位置为它们生成一个动态的XPath。
如何将值传递给JavaScript代码？
浏览 6提问于2014-07-07得票数 4
回答已采纳
Dijit按钮使用CSS隐藏屏幕外的“真实”按钮：
.dijitOffScreen {
position: absolute !important;
left: -10000px !important;
top: -10000px !important;
}
为什么会导致HTML5拖放不能在Chrome和FireFox中正常工作？
有哪些替代方法来隐藏输入元素并保持相同的Dijit行为？(将display:none添加到屏幕外的输入元素似乎有效，但这在功能上改变了输入和小部件的行为吗？)
原题：
有时默认的“鬼”HTML5拖动图像的大小更小，
浏览 5提问于2013-08-20得票数 2
回答已采纳
我正在使用angular- file -upload指令来实现一个拖放的文件上传功能。但它似乎只在HTML5浏览器中使用拖放功能。
有没有办法在其他html5浏览器中支持IE8中的拖放？
浏览 0提问于2014-06-03得票数 0
我正在使用本机html5 Api编写拖放代码(即使它还不太好)。我研究过了，但我发现的只是如何改变鬼魂的形象。我不想改变它，但是把它完全移除。我该怎么办？非常感谢你花时间。
浏览 2提问于2013-11-08得票数 1
回答已采纳
我的智能手机网络浏览器支持HTML5 5的许多功能，但它不支持HTML5拖放。试图拖动对象只是滚动浏览器window...which，这是触摸设备上非常常见的操作，这可能是浏览器不支持该功能的原因。
在不支持HTML5拖放的移动设备上，在网页中支持拖放功能的最佳方法是什么？
浏览 3提问于2013-10-27得票数 0
回答已采纳
1回答
在这里的几个线程中，有一个针对selenium拖放的变通方法，用于使用HTML5进行拖放的页面。这个变通方法涉及到使用javascript来模拟拖放，例如Unable to perform HTML5 drag and drop using javascript for Selenium WebDriver test和https://gist.github.com/rcorreia/2362544。这个解决方案在这个页面上效果很好，http://the-internet.herokuapp.com/drag_and_drop。 一般的方法是将这里的javascript文件(https://g
浏览 46提问于2020-04-21得票数 2
根据HTML5规范，拖放目标上的dropEffect属性允许拖放目标选择所需的拖放效果。拖放框架应该将其与拖放源设置的effectAllowed属性结合使用，以显示匹配的可视反馈(通常是取决于操作的特定光标)。
然而，我无法跨浏览器一致地使用此功能。它似乎像预期一样适用于Chrome和Opera，但不适用于IE和FF (尽管每个浏览器的开发人员文档中都明确说明了这一点)。
我在JSFiddle上放了一个示例：
function onDragStart(element, event) {
var dataTransfer = event.dataTransfer,
eff
浏览 1提问于2014-03-25得票数 1
我正在使用html5 创建一个日历。
我正在使用dragEnter和dragLeave对接收元素进行样式化，并确定其属性。
接收可下垂元素有子元素，在拖动子元素时将调用dragLeave。知道并描述了这个问题
我尝试的解决方案是在子节点上添加dragLeave和dragEnter事件，并将逻辑传回给parentView。
这是密码。
问题是子节点上的“`dragEnter”在父级的“dragLeave”之前调用。
这是事件的顺序。
#in from outside parent to over child
1. parent-enter
2. child-enter
3. parent-l
浏览 0提问于2013-11-07得票数 1
回答已采纳
显然，您可以使用和图像元素或画布元素与HTML5 5的本机拖放。这将覆盖本地“鬼影”的拖放图像。
但是我似乎不能让它起作用，有人知道我错过了什么吗？
var canvas = document.createElement('canvas');
context = canvas.getContext('2d');
context.height = '100px';
context.width = '200px';
context.
浏览 0提问于2015-12-28得票数 4
我正在使用html5拖放。
当我从任何给定的网页拖动图像或链接时，浏览器窗口将识别dragover事件。
例如，将图像拖到浏览器选项卡上，使浏览器切换窗口。例如，将链接拖到书签上也是如此。
现在，当我拖动我的自定义拖放元素时，浏览器没有反应。有办法改变这种行为吗？
浏览 6提问于2016-09-27得票数 4
回答已采纳
我现在已经在几个地方看到了这个，但找不到太多关于它的信息：
-webkit-user-drag: element
这是HTML5拖放标准的一部分吗？这比使用属性版本更好还是更差：
<div draggable="true">my draggable element</div>
编辑:我熟悉当前的规范，并且使用draggable属性，我不清楚的是CSS属性*-user-drag。
浏览 3提问于2013-02-23得票数 24
回答已采纳
2回答
因此，我在这里遵循了一个HTML5拖放示例：
并创建了以下代码
问题是，我希望能够交换整个元素和它的数据属性，而不仅仅是内部的html。我该怎么做呢？
浏览 2提问于2012-08-16得票数 2
回答已采纳
1回答
我使用原生的HTML5拖放API来拖拽页面上的一些元素。我遇到的问题是，被拖动的元素相当大，它的当前位置遮挡了我的一些拖放目标。当我将拖动的元素设置为显示none、可见性隐藏或指针事件为none，甚至是position absolute和left -10000px时，会立即在该元素上触发dragend事件。
有没有办法克服它？
浏览 3提问于2015-06-13得票数 0
2回答
基于拖放的HTML5游戏
、、、、
我正在构建一个基于拖放的HTML5游戏，但我想让对象自动移动，因为我没有使用canvas，有没有什么可以替代kinetic.js的？
浏览 1提问于2013-03-03得票数 0
回答已采纳
1回答
我正在使用HTML5拖放，我有一个拖放目标，它可以是一个空的<div>，也可以是一个以<img>为子节点的<div>。
为了使div成为drop目标，我在这些div上设置了onDrop=。
如果我在包含图像的div上结束拖放，e.target就是图像节点。
如果我在一个空的div上结束拖放，e.target就是这个div。
为了处理drop，我需要找到div的id，因为e.target既可以是图像，也可以是div，所以我检查e.target.parentNode，以防在e.target中找不到我要查找的信息。
有没有一种方法可以让e.target始终是div
浏览 0提问于2015-10-15得票数 0
我正在开发WebView上的拖放功能。在html5环境中有没有类似于hfs promise(可可环境)的拖放功能？
我期望类似的东西，如果我传递的网址，从哪里下载一个文件必须与剪贴板，该文件应下载的地方，下载发生在说下载文件夹。
浏览 4提问于2013-01-23得票数 1
回答已采纳
好吧，我的第一个问题是：
是否可以将图像拖放到画布上，并将其拖放到画布上不同的位置？
我已经有了画布上的图像，我希望用户能够通过单击和拖动来移动它。我知道这是可能的运动JS，但它是否可能仅仅使用常规的HTML5画布？
第二，如果第一个问题是不可能的：
是否可以在用户单击的地方将图像放置在画布上？
有人能在这里帮我吗，或者指点我的方向？
谢谢!
浏览 3提问于2012-01-11得票数 1
在构建拖放页面时，我希望将图像拖到拖放区域，但在拖放时，我希望删除一些HTML，而不是图像。
这个是可能的吗？
可能使用HTML5作为id文本或文件URL。
这是我的密码：
可拖元
<img id="drag1" name="<h1>My Super Image</h1>" src="img_logo.gif" draggable="true" ondragstart="drag(event)" width="336" height="69">
浏览 1提问于2015-11-02得票数 1
回答已采纳
我想通过排序来实现元素的拖放，并且我不想使用任何外部库。
将有2个容器，我想对容器内的元素进行排序，并在两个容器之间拖放。有什么建议吗？
我试过HTML5和其他东西，但都不起作用
浏览 39提问于2019-07-17得票数 0
我的应用程序使用HTML5中的File API来实现拖放功能。我还需要确保拖放的文件符合72像素/英寸的分辨率。
如何使用HTML5或Javascript找到图像的分辨率？
浏览 2提问于2012-11-14得票数 1
5回答
基于，我创建了一个HTML5画布绘画应用程序。它工作得很好，但在创建每个对象后，我只需要拖动这些对象。
如何实现图形的拖放？
浏览 2提问于2011-12-07得票数 2
回答已采纳
我正在使用HTML服务为Google Apps脚本项目创建一个用户界面，并且我收到了在此项目中包含拖放功能的请求。我知道这些超文本标记语言服务有其局限性(我浏览了这篇文档，看起来好像是说不支持原生HTML5拖放：)。即使新的HTML5应用程序接口不是官方支持的，有没有一种方法可以让拖放工作？如果不是通过本机HTML5，通过外部javascript库？或者Caja会破坏功能吗？
我最初的几次尝试都没有奏效，所以我想我应该跳到这里，看看是否有人通过Google Apps脚本中的某种方法成功地实现了拖放操作。
谢谢!
浏览 0提问于2013-11-21得票数 2
1回答
我使用jquery使div可拖放。
在一个div中驻留一个html5视频。这在Chrome和Firefox中有效，但在IE11中不起作用。
请在这里看到小提琴(与IE 11)。
如果删除可拖动的：
$( "#draggable" ).draggable();
录像又开始工作了。
我能做什么来让拖拽和视频工作在IE11中？
浏览 3提问于2014-06-01得票数 1
1回答
我想从ExtJS网格行拖动到文本区中某个位置的文本区字段。
ExtJS的Drag API支持这样的拖放操作()，但我没有发现HTML5支持这一点，所以我想使用HTML5 Drag API：
document.getElementById('img').addEventListener('dragstart', function (e) {
e.dataTransfer.setData("text", '[img]' + this.id + '[/img]');
e.dataTransfer.setD
浏览 15提问于2018-02-19得票数 2
2回答
2017年制作拖放构建器的最佳方式是什么？是的，这个问题已经被问到了，但那是5年前的事了，我想事情已经改变了？HTML5，jQuery UI，还是现在有其他选择了？
最近的一个问题也没有得到回答。
任何帮助都是最好的！我已经开始尝试两者(我从未使用过HTML5或jQuery UI的拖放功能，所以我很难做出决定)。而且jQuery UI确实看起来更容易使用和理解，但似乎也有相当多的but，至少在代码方面是这样。
浏览 23提问于2017-08-14得票数 6
回答已采纳
1回答
处理拖动事件
、、
我(第一次)实现了html5拖放。我有以下ng-repeat命令，其中拖放目标是外部div：
<div ng-repeat="chapter in chapters" class="chapter " ondrop="drop_handler(event);" ondragover="dragover_handler(event);">
<div><bold>{{chapter.title}}</bold></div>
<div>{{chapt
浏览 9提问于2017-07-14得票数 0
回答已采纳
2回答
我创建了自己的拖放系统，它包含一个包含其他元素的div元素(= draggable元素)。我不使用jQuery或HTML5。
以下是它的工作原理：
当用户触发MouseDown事件时，我们使元素可拖动。然后:如果当他触发MouseUp事件(即拖曳结束)，程序检测到他没有移动元素，这意味着这是一个简单的点击。否则，这意味着它是一个实际的拖放。因此，程序能够以正确的方式操作(即根据拖放或简单单击的存在)--一个简单的单击将隐藏元素的内容。否则，元素就会被删除(=变得不可拖)。
我的问题是:当我对窗口的一个元素进行简单的单击时，它是隐藏的。这意味着可拖放元素的事件将被处理。
I希望防止在用户
浏览 3提问于2016-09-29得票数 0
1回答
我想知道在HTML5中拖放API中什么是有效的可下垂区域。我读过几篇文章，在每一篇文章中，要求是不同的：
应该至少有三个事件处理程序：dragenter、dragover和drop
应该有draggable=true属性
应该匹配dataTransfer.setData("text/plain", data)设置的mime类型
应该有dropzone属性
这其中哪一个是必需的？还有其他要求吗？
浏览 0提问于2016-04-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
