从代码后台设置HTML5可拖动属性不起作用？
从代码后台设置HTML5可拖动属性不起作用可能是由于以下几个原因：
- 浏览器兼容性问题：不同浏览器对HTML5的可拖动属性的支持程度不同，可能会导致在某些浏览器中无法正常工作。可以通过使用浏览器兼容性前缀或者使用JavaScript库来解决这个问题。
- 元素类型不支持拖动：并非所有的HTML元素都支持拖动属性，只有部分元素（如<div>、<p>、<img>等）才能被拖动。如果尝试在不支持拖动的元素上设置可拖动属性，是不会起作用的。
- 缺少拖动事件处理程序：除了设置可拖动属性，还需要为元素添加相应的拖动事件处理程序，以便在拖动过程中执行相应的操作。常用的拖动事件包括dragstart、drag、dragend等。确保在代码中正确地添加了这些事件处理程序。
- 元素被禁用或隐藏：如果元素被设置为禁用（disabled）或隐藏（display: none），则无论是否设置了可拖动属性，都无法进行拖动操作。确保元素处于可见且启用状态。
- 其他CSS样式冲突：有时候，其他CSS样式可能会影响到可拖动属性的正常工作。检查是否存在与拖动相关的CSS样式，确保它们不会干扰到可拖动属性的设置。
如果以上解决方法都无效，可以尝试使用JavaScript库（如jQuery UI）来实现拖放功能，这些库提供了更强大和跨浏览器兼容的拖放解决方案。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云主页：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
相关·内容
我有一个从代码隐藏生成的表，并尝试将HTML5 draggable属性应用到它的表格单元格中。TabCell.Attributes["draggable"] = "true";有没有人知道为什么会这样？
浏览 20提问于2020-02-05得票数 1
2回答
我有一个很简单的测试 void dragAndDrop() driver.get("https://www.testandquiz.com/selenium/testing.html"); WebElement source = driver.findElement(By.id("sourceImage"));
WebElement target = driver.findElement(By.id("targetDiv
浏览 2提问于2020-06-25得票数 0
回答已采纳
2回答
我在页面上有一个元素，它使用了HTML5 draggable属性--这样就可以将它放到另一个列中document.addEventListener但不能在真正的手机上运行(很明显，android chrome不支持dragstart)<div class="card" draggable="true"></div>
将draggable设置<
浏览 19提问于2020-03-03得票数 1
1回答
我知道HTML5提供了，这使元素易于拖动。然而，
因此，某些元素--比如选定的文本--不需要属性才能拖动。关于自然可拖动的元素，标准是什么？我想知道我是否指望它能在所有的现代浏览器上同样工作.
浏览 1提问于2019-07-22得票数 1
回答已采纳
1回答
我面临的问题是，Trello以某种方式禁用了html5拖放，因此当我用属性draggable="true"拖动一些DOM (我用扩展注入了DOM)时，可拖放元素的半透明表示就不会出现。
。。(右边的红色框是由html5拖动机制创建的半透明表示)。。。
因此，我的问题是:是否有任何方法为我打算使之可</em
浏览 5提问于2016-07-18得票数 1
回答已采纳
1回答
我有一个具有自定义拖放行为和数百行自定义事件代码的复杂UI组件，它基本上通过常规的MouseEvent工作。
我需要添加额外的功能，以便用户可以将项目从组件内部拖放到组件外部。“外部”通过常规的HTML5拖放事件工作，这意味着有一个元素已经侦听了Drop事件等等。现在，我只需要触发整个拖放链，以便drop区域元素注意到事件，并且在拖动操作中我有一个常规的外观拖放图像。简单地将我的可拖放项设置为draggable="true"，不会工作，因为dragstart事件不会抛
浏览 2提问于2022-02-13得票数 0
简而言之，我正在尝试复制jquery-ui的购物车演示的一个基本版本:使用ember.js和HTML5原生拖放的。在之前尝试使用ember + jquery-ui实现拖放之后，在使用这个解决方案时遇到了困难：，我看到了pangratz的HTML5解决方案：，并决定尝试一下。：
这很好用，但是当我尝试使用#each迭代器并将唯一的可拖动视图附加到迭代器中的每个对象时，我就卡住了。我希望能够拖动每个“产品”对象，并在将其放入“购物车”区域时，将该对象的isAdded属性设置
浏览 2提问于2012-05-26得票数 23
回答已采纳
用户可以在第二列中拖动一个或多个课程，并希望根据他决定遵循的课程数量和课程(第二列中拖动的课程)来可视化健身房的每月总成本。
我怎么能做这样的事情呢？我想我必须使用jquery..。
浏览 4提问于2012-09-21得票数 0
回答已采纳
我有一个可拖的模态窗口。我想完全关闭背景。我知道uibModal有一个可以设置true/false或static的背景属性--但这对我来说还不够，我希望背景中的html内容仍然是可点击的--例如Google帮助模式窗口--您可以打开它，拖动它，并且仍然在后台工作。我如何完全禁用背景，并使内容从背景点击与模式打开？这在uibModal中是可能的，还是应该用普通的javascript/iframe创建一个模态窗口？我可以用这个CSS让背景点击： p
浏览 1提问于2018-08-15得票数 1
回答已采纳
我一直在尝试在下面的页面上练习拖放测试public class DragAndDropDemoPage搜索请求包含我一直在拖动的元素的名称。
这个案子有什么问题？WebDriver是如何成功地转到另一个页面的？
浏览 0提问于2020-01-06得票数 0
4回答
MDN、规范以及我在Google上找到的每个网站都说，所有的HTML元素都是可拖动的。然而，在实践中，我发现我不能拖动文本输入或文本区域，即使它们是禁用的。例如，使用以下代码：
<a href="httpexample.com" draggable>Lin
浏览 6提问于2014-03-22得票数 4
回答已采纳
我尝试了在不同的讨论中提出的不同的解决方案，但没有一个对我有效_actions = new Actions(Driver.WebDriver);相同的代码可以在我们的应用程序的另一个我现在已经像下面这样修改了我的代码，现在我得到了陈旧的元素异常-因为
浏览 0提问于2019-12-06得票数 0
我试图使用jQueryUI使按钮具有可拖动性和可下垂性。我知道，为了做到这一点，我必须设置cancel属性；但是，在这种特殊情况下，它似乎不起作用。我的代码是。正如您所看到的，我已经将按钮设置为在单击按钮时提醒html按钮，但该函数不允许我再拖动该按钮。如果我把它移开，我的按钮就会被拖动。如果删除cancel:false属性，它(正确)将禁用拖放，因此我不确定为什么当.on(单击)出现时它不允许我拖动</em
浏览 4提问于2014-05-28得票数 0
回答已采纳
我想使一个表，这是可拖动的，可调整大小和该表的内容是可编辑的。但是，当我将表设置为可拖动时，contenteditable属性就不起作用了。例如，删除下面的代码使内容可编辑，但我松开了draggable属性 containment: 'parent'在Google
浏览 4提问于2012-11-21得票数 0
我已经用react-dnd创建了一个简单的可排序列表，使用的代码类似于中的react-dnd的可排序示例。但是，我在尝试概念化如何调整此示例并利用react-dnd的来自定义拖动预览时遇到了一些困难。具体地说，我希望在开始拖动组件时更改组件的背景色。不要太复杂。
为什么我需要使用一个自定义的拖动层？因为由于浏览器API和react-dnd的HTML5后端的限制，我不能使用CSS设置拖动预览的样式(这就是我正在使用的)。我在可<
浏览 16提问于2020-04-06得票数 2
1回答
我有一个对象，它有一个属性锁“status=”。表示此对象的div是可调整大小和可拖动的。对于可拖动的，如果我使用以下逻辑，那么拖动实际上是锁定开始：{...如果为status==lock，则返回false ...}谢谢
浏览 0提问于2011-01-06得票数 1
回答已采纳
2回答
我现在正在实现拖动操作过程中的自动滚动。我对其进行了设置，以便当您开始拖动时，灰色覆盖显示在浏览器窗口的顶部和底部。当您拖动到其中一个覆盖图中时，浏览器窗口将开始自动滚动。通过拖动左侧的一个十字准线图标来拖动项目。
但有一个问题:如果您滚动到页面底部，然后将一个项目拖到顶部覆盖，它将按预期向上滚动。然而，对我来说，我得到了页面的一半，可拖动的帮助器不会再高了。
浏览 0提问于2013-01-13得票数 4
回答已采纳
当用户单击我的页面上的“编辑”时，我想使标记可拖动。如果我将每个标记的属性draggable设置为true，它将不起作用。
当我创建一个新的标记并从头开始设置属性时，它起作用了。
浏览 6提问于2013-04-09得票数 10
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
