在没有cdkDragList容器的情况下，我可以让一个cdkDrag元素发出一个dropped事件吗？
在没有cdkDragList容器的情况下，无法直接让一个cdkDrag元素发出dropped事件。cdkDragList是Angular Material库中的一个组件，用于创建可拖拽的列表。它提供了拖拽元素的容器，并负责处理元素的拖拽行为和事件。
如果没有cdkDragList容器，可以考虑使用其他方式来实现类似的功能。一种方法是使用原生的HTML5拖拽API，通过添加拖拽事件监听器来实现拖拽元素的行为。具体步骤如下：
- 在cdkDrag元素上添加拖拽事件监听器，例如mousedown、dragstart等事件。
- 在事件处理函数中，设置拖拽数据（可以使用dataTransfer对象）和拖拽效果（例如设置拖拽元素的透明度或样式）。
- 在目标区域上添加放置事件监听器，例如dragover、drop等事件。
- 在放置事件处理函数中，获取拖拽数据，并执行相应的操作。
需要注意的是，使用原生的HTML5拖拽API可能需要处理一些兼容性问题，并且相对于使用cdkDragList来说，功能和交互体验可能会有所限制。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。
腾讯云云服务器（CVM）是一种基于云计算技术的弹性计算服务，提供了灵活的计算能力，可根据业务需求随时调整配置。您可以通过CVM来搭建和管理自己的服务器环境，支持多种操作系统和应用程序的部署。
腾讯云对象存储（COS）是一种安全、稳定、低成本的云存储服务，适用于存储和处理各种类型的数据。您可以将文件、图片、视频等数据存储在COS中，并通过API进行管理和访问。COS提供了高可靠性、高可用性和高扩展性，适用于各种场景，如网站托管、备份和归档、大数据分析等。
更多关于腾讯云云服务器和对象存储的详细信息，请访问以下链接：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
相关·内容
1回答
在没有cdkDragList容器的情况下，我可以让一个cdkDrag元素发出一个dropped事件吗？
angular、drag-and-drop、angular-cdk
我正在将一个应用程序从angularjs迁移到Angular 7。我有一个地图工具，可以在网格上跟踪游戏棋子。现在它是如何工作的，我监听每个游戏棋子上的拖放事件，并在拖放事件上更新游戏棋子在数据库中的x/y位置。无论我如何设置，我都不能触发cdkDragDropped事件(或任何其他事件)。 当我试图在</em
浏览 22提问于2019-04-11得票数 1
回答已采纳
1回答
角度材质拖放CDK -将单个元素(独立)拖放到列表中
angular、angular-material、drag-and-drop
可以将独立的cdkDrag移动到cdkDragList容器中吗？
额外问题:在cdkDragList容器中自由移动cdkDrag是可能的吗？基本上，我尝试做的是有一个列表(组)，其中的项目可以自由移动，但当进入第二个列表时，项目将被排序。
浏览 13提问于2020-03-03得票数 0
1回答
当光标不在物料拖放区中时，移除放置区域的占位符
javascript、angular、angular-material、angular-cdk
当拖动项在拖放区域上移动时，将突出显示该区域，并为该区域创建占位符。但是，如果鼠标点正在移动，则删除区域并释放该项目。它还是掉进了空投区。
浏览 1提问于2019-02-06得票数 3
回答已采纳
1回答
如何更新角cdkDropList的位置？
angular、typescript、angular-cdk-drag-drop
我想做什么
创建一个cdkDropList <div>，它充当容器(让我们调用cdkDropList <div> Bin)，其中我将cdkDrag元素从另一个列表中删除(让我们调用cdkDrag我所说的“不被识别”的意思是，cdkDropListDropped函数Bin没有被触发。只有当我通过拾取和删除项来执行动画时，才会出现这个问题。我</
浏览 4提问于2020-08-12得票数 1
回答已采纳
5回答
角7-向动态创建的组件添加拖放行为
javascript、html、angular、drag-and-drop、angular-components
这是我之前问过的问题的延续：
我是动态创建组件的按钮点击。组件以类似于列表的方式显示在另一个组件下面。我想引入拖放行为，以便用户在创建组件后可以重新排列它们。在前一个问题中，我尝试使用角度材料，但意识到可能不可能将它用于组件，因为在组件的选择器标签中添加" cdkDrag“指令，以及cdkDropLi
浏览 0提问于2019-05-13得票数 3
回答已采纳
1回答
角度材料7拖放x和y坐标
drag-and-drop、angular-material、angular-material-7
我有一个容器，里面有一个元素。我希望能够将元素拖到容器内的另一个位置，并看到新的x和y坐标(其中x=0和y=0是容器的左上角)。我在https://stackblitz.com/edit/material-6-mjrhg1上设置了一个基本的stackbl
浏览 22提问于2019-01-15得票数 5
回答已采纳
1回答
角CDK拖放-如何保持原来的位置？
css、angular、typescript、animation、drag-and-drop
我正在尝试角/cdk库的拖放。参见链接：例如，如果您查看链接中的待办事项列表，那么您可以看到，当开始拖动时，您将失去放置该项的原始位置。那么，我的问题是:当开始使用角/cdk拖动一个项目时，有人知道如何保持原来突出显示的位置吗？
浏览 0提问于2019-01-25得票数 4
1回答
Vue dragula -多次调用drop事件侦听器
javascript、vue.js、vuejs2、dragula
我正在尝试使用Vue.js和vue-dragula框架构建一个具有可拖动元素的web应用程序。在应用程序中，我尝试使用多个容器，这些容器中的元素可以在容器中拖动。在App.vue中 <div v-for="container in containers">
<
浏览 7提问于2020-01-18得票数 0
4回答
拖放CDK:继续显示开始列表中的拖动元素
javascript、angular、drag-and-drop
我正在玩cdk拖放，因为我需要它为工作创建一个POC。我从文档网站的这个开始。我看到每次将一个元素拖出它的列表时，said元素都是隐藏的，直到我将它放到相同的列表或另一个列表中。所以，如果我错了，请告诉我，但似乎拖动的元素不是列表项的副本，而是元素本身。
总
浏览 0提问于2019-04-19得票数 15
回答已采纳
7回答
如何使垫表行拖放与cdkDragHandle一起工作，使行只能使用句柄拖动？
angular、typescript、angular-material、angular-cdk
我找到了 stackblitz例子，使用角cdk将拖放添加到一个垫子表中。但是，所需的行为是，行只能使用带有cdkDragHandle指令的元素进行拖动。在本例中，您可以通过单击行上的任何位置来拖动元素。如何修改这一点，使行只能使用拖动句柄进行拖动？
浏览 10提问于2019-03-06得票数 9
回答已采纳
1回答
奥雷利亚有虚拟元素吗？
aurelia
剔除JS有虚拟元素的概念。这些是“无头”元素，可以绑定到没有HTML元素作为容器的元素。这使您可以将数组绑定到不发出外部HTML的容器中。<!-- /ko -->
在没有父元素的
浏览 3提问于2015-10-02得票数 4
3回答
如何在Angular 7中禁用目标cdkDropList中的元素移动/移动
angular、drag-and-drop、angular-cdk
我有两个列表(首都城市在左边，国家在右边)。我希望能够移动国家列表上的首都城市，并允许用户将首都城市放在国家上。问题是国家列表元素开始移动/移动(以允许插入大写字母)。当我在国家列表元素上拖动城市元素时，如何禁用目标国家列表中的排序或元素移动？谢谢！cdkDropListData]="capitals"
#capitalsList="cdkDropL
浏览 49提问于2019-01-03得票数 9
2回答
在角度材质拖放中重置变换偏移
angular、drag-and-drop、angular-cdk
我在一个包含position: relative的容器中有一个包含position: absolute的<div>元素。它的left和top属性绑定到component.ts中的数据X和Y。我的目的是使用cdk拖放在我的容器中移动div。在dragEnded事件中，我</e
浏览 0提问于2020-04-11得票数 1
2回答
Angular cdkDropList阻力元素限制
javascript、html、angular、drag-and-drop、angular-cdk
我目前使用的是Angular 2和的一个拖放模块。我已经实现了拖放功能。我有两种不同类型的类对象，我希望仅限于它们自己的拖放列表类型。这很可能通过对列表进行分组来解决，但由于我使用的是递归，因此出现了其他问题……
目前我将每个列表放在同一个组中，这意味着任何东西都可以拖放到每个列表中(cdkDropListGroup，在执行递归部分之前定位在组件
浏览 2提问于2018-11-25得票数 3
1回答
Jquery拖出溢出隐藏？
jquery、jquery-ui、overflow、draggable
现在，看看所有的堆栈溢出，所有的解决方案都不适合我:(问题是，我在一些元素上使用了可拖放的和可调整大小的图片等等)，在容器中有溢出property.That的图片出现了拖放的问题，我不想将该对象移到页面顶部的图片上，但是元素总是放在top.Strane图片下面，在没有任何更改之前，我无法在图片
浏览 3提问于2013-10-10得票数 7
回答已采纳
1回答
拖放Widget实现错误- RuntimeWarning: MetaObjectBuilder::addMethod:为“丢弃”提供的无效方法签名
python、pyqt、pyqt5、pyside2
"), url)
event.ignore()self.connect(self.ui.DragDropEncode, SIGNAL("dropped"), self.add_file)
def add_file(self, f
浏览 1提问于2020-10-04得票数 0
回答已采纳
2回答
如何检查可拖动项悬停在哪个元素上？(JQuery)
jquery、jquery-ui、jquery-ui-sortable、jquery-ui-draggable
我有两个列表。第一个是由可拖动项(如)组成的。它连接到第二个列表，后者是一个可排序列表(类似于)。我想要发生的是，当你从第二个列表中拖出一个项目时，它将被标记为删除，或者被发送回第一个列表(如果它
浏览 0提问于2010-12-22得票数 6
回答已采纳
6回答
jQuery拖放-检查拖放对象外部的拖放
javascript、jquery、jquery-ui、jquery-ui-draggable、jquery-ui-droppable
很抱歉，如果这个问题在另一个问题中得到了回答，我找不到针对我的问题的具体答案！
我正在尝试测试一个jQuery可拖动对象是否被拖出了一个合法的可拖放对象。这通常可以通过恢复draggable来解决90%的问题，但我不想这么做。相反，我想做一件事，如果可拖放的东西被放到一个droppable上(工作得很好！)，如果它被放在所有可能的</em
浏览 3提问于2011-11-11得票数 38
回答已采纳
2回答
角材料拖放-不同的物体类型
angular、drag-and-drop、angular-material
我正在构建一个购物车，并希望能够将产品列表中的项目拖放到购物车中，并将它们添加到购物车的“项目”中。产品更像技术服务，所以我不想用术语服务.所以你会在模特身上看到“小时”。我能够渲染这两个列表，并将产品拖放到购物车中。当然，购物车包含CartItems，它包含产品的“快照”。很明显，这不像我们想要的那样有效。
我的问题是:我怎样才能用拖放来完成这个任务？我也认识到，我处理这个问题的
浏览 1提问于2020-01-27得票数 3
回答已采纳
3回答
extjs面板的可拖动事件
extjs、extjs4、panel、draggable、extjs4.1
当我将一个给定的面板设置为"draggable“时，是否有一个结束拖动事件的侦听器？我发现我可以通过在面板的初始配置中启用" draggable“属性来使面板在另一个面板中可拖动，但我希望在拖动发生时捕获事件。查看文档，我发现我可以添加像"load“这样的
浏览 1提问于2012-11-15得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
