drag-and-drop 相关问题

如何检测 WFP 应用程序外部的 drop

我有一个WPF窗口,它显示文件夹(ListView)的内容,并实现了将文件从窗口拖放到桌面或资源管理器窗口(使用GongSolutions Dra...

回答 1 投票 0

WPF:将虚拟文件拖放到 Windows 资源管理器中

我正在开发一个类似于 dropbox 的应用程序,我在 WPF 列表视图上显示远程文件。我想将这些元素拖放到 Windows 资源管理器中。 我见过这样的代码: var dataO...

回答 2 投票 0

以编程方式创建元素后未处理 Ondragstart 事件

我正在创建一个 Web 构建器,我使用 svelte 来促进 UI 的某些功能,但 Web 构建器本身几乎是纯 JavaScript。我创建了一个具有不同可拖动功能的工具面板

回答 1 投票 0

光标后元素的位置由容器内容偏移

我正在尝试创建一个拖放功能,它是模式中的子组件,其中当前拖动的项目跟随鼠标的位置,但是,鼠标的位置是

回答 1 投票 0

为什么dataTransfer没有文件?

我正在研究前端并尝试实现文件拖放。我阅读了指南和文档并尝试实现这一点,但是当我拖动文件时,事件起作用并且 dataTransfer 中没有文件。 HTML: <

回答 1 投票 0

如何创建具有3种状态的可拖动切换开关?

我想让下图中的开关具有交互性。 这就是它的样子 您应该能够将拇指拖动到栏内,并且它应该粘在三个锚点(三个白色

回答 1 投票 0

如何使用@dnd-kit制作多个可排序容器?

我正在尝试学习在 React 中使用 @dnd-kit 来完成几个项目。该工具包显然非常强大、多功能且健壮。然而,文档有时可能不清楚。另外,

回答 1 投票 0

Android DragShadowBuilder 视图刷新

我正在将拖放功能实现到我的应用程序中。 我正在移动 TextView 对象,并使用 DragShadowBuilder 为该文本视图构建阴影。 问题是有什么办法可以改变吗

回答 2 投票 0

尽管被取消,QueryContinueDrag 仍然被调用

我正在尝试处理 WPF 中的拖放操作。当用户落在窗口外时,我的应用程序将进行处理。 问题是,即使我执行了 e.Action = DragAction.Cancel,QueryContinuedrag 事件

回答 1 投票 0

如何创建像iPhone主屏幕一样具有启动器视图的页面?

我想实现iPhone机型的图标管理,大小图标都可以拖拽删除,怎么办? 我尝试使用 UICollectionview,但它似乎没有实现......

回答 1 投票 0

在动态创建的列表上拖放不起作用

我有一个使用 javascript 按以下方式动态生成的活动列表: const renderList = (活动) => { const display = document.getElementById('task-list-displ...

回答 1 投票 0

如何在 Angular 中有条件地添加 cdkDrag

我想有条件地添加cdkDrag。我尝试了以下方法,但没有一个不起作用。 公共 canDragAndDrop:boolean=true ; // 错误的 我想有条件地添加cdkDrag。我尝试了以下方法,但没有一个不起作用。 public canDragAndDrop:boolean=true ; // false <div [attr.cdkDrag]="canDragAndDrop ? '':null"></div> // or <div [attr.cdkDrag]="canDragAndDrop ? 'cdkdrag':null"></div> // or <div cdkDrag="{{canDragAndDrop ? '':null}}"></div> 我该怎么做? 我不确定是否可以有条件地绑定指令,但是,我设法实现了我想要的目标,如下所示: <ng-container *ngIf="draggable"> <div cdkDrag cdkDragHandle cdkDragRootElement=".cdk-overlay-pane" [cdkDragFreeDragPosition]="dragPosition" (cdkDragEnded)="onDragEnded($event)"> <ng-container *ngTemplateOutlet="header"></ng-container> </div> </ng-container> <ng-container *ngIf="!draggable"> <div> <ng-container *ngTemplateOutlet="header"></ng-container> </div> </ng-container>

回答 1 投票 0

Microsoft Edge 视觉搜索可防止拖动图像

自 Microsoft Edge 版本 120 起,视觉搜索的某些内容发生了变化,这会导致在我的 Angular Web 应用程序中拖动图像时中断。 img 元素具有属性draggable="true"。 如果有的话...

回答 1 投票 0

@dnd 套件列表排序在父 div 具有 Transform:scale() css 时无法正常工作

@dnd-kit列表排序无法正常工作。 在我的一个项目中,有一项用于放大/缩小的功能。我正在使用 Transform:scale() 进行管理。但是n...

回答 1 投票 0

我如何将一个项目从一个容器拖到另一个容器?

我安装了react-bootstrap bootstrap并安装了@dnd-kit/core @dnd-kit/utilities @dnd-kit/sortable。我试图在反应中进行拖放,我可以将容器中的一个项目拖动到...

回答 1 投票 0

使用 HTML / CSS 的多个可移动、可调整大小的窗口

我尝试仅使用 HTML / CSS 制作多个可移动的可调整大小的窗口。 根据 CSS-Tricks 的这篇文章,我制作了两个窗口,它们都可以移动。 然而,第二个窗口

回答 1 投票 0

WPF C#:通过拖放重新排列列表框中的项目

我试图弄清楚如何通过鼠标拖动来上下移动预先填充的列表框中的项目。 我已经从微软的api中查看了Control.DoDragDrop方法,但我仍然无法得到......

回答 8 投票 0

react.js 的拖放支持触摸功能

如何为Facebook的react.js实现支持触摸事件的拖放? 有一些关于 React.js 拖放的问题、文章和库,但没有一个是...

回答 4 投票 0

Visual Studio 中的 HTML 拖动浏览器无法工作

问题拖动html 我曾经将我的 html 文件从 Visual Studio Code 拖到浏览器中并且它可以工作,但现在它不允许我这样做,因为当我将它拖到额头上时,我的光标上出现了“不允许”...

回答 1 投票 0

Dragula 复制并删除OnSpill

我正在尝试使用 Dragula 拖放库将元素克隆到目标容器中,并允许用户通过拖放克隆元素来从目标容器中删除它们...

回答 3 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.