drag-and-drop 相关问题

Playwright - 带偏移量的拖放

我们有一个使用 Playwright Webdriver 的 CodeceptJS 自动化框架，并且正在测试的应用程序是在 Typescript 中。有没有办法将元素拖放到页面上的特定位置？我...

Dndkit 如何强制项目保留在垂直可排序列表中？ （也开放使用其他 dnd 库）

例如，假设 5 被冻结。然后，如果将 4 拖到 6 以下，则 before 和 after 的结果将如下所示： 前： 后： 目前，我计划使用项目之间的边距，...

WPF 拖放 - System.InvalidOperationException。调度程序处理已暂停，但消息仍在处理中

我正在尝试创建一个带有两个面板的窗口，可以在两个面板之间移动文本框。 我的代码： 主窗口.xaml 我正在尝试创建一个带有两个面板的窗口，文本框可以在两个面板之间移动。 我的代码： MainWindow.xaml <Window x:Class="DragAndDropTest.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:DragAndDropTest" mc:Ignorable="d" Title="MainWindow" Height="450" Width="800"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <StackPanel Grid.Column="0" Width="Auto" HorizontalAlignment="Stretch" AllowDrop="True" Drop="StackPanel_Drop"> <TextBox IsReadOnly="True" Text="Test1" MouseMove="TextBox_MouseMove" PreviewMouseLeftButtonDown="TextBox_PreviewMouseLeftButtonDown" /> <TextBox IsReadOnly="True" Text="Test2" MouseMove="TextBox_MouseMove" PreviewMouseLeftButtonDown="TextBox_PreviewMouseLeftButtonDown"/> <TextBox IsReadOnly="True" Text="Test3" MouseMove="TextBox_MouseMove" PreviewMouseLeftButtonDown="TextBox_PreviewMouseLeftButtonDown"/> </StackPanel> <StackPanel Grid.Column="1" Width="Auto" HorizontalAlignment="Stretch" AllowDrop="True" Drop="StackPanel_Drop"> <TextBox IsReadOnly="True" Text="Test4" MouseMove="TextBox_MouseMove" PreviewMouseLeftButtonDown="TextBox_PreviewMouseLeftButtonDown"/> <TextBox IsReadOnly="True" Text="Test5" MouseMove="TextBox_MouseMove" PreviewMouseLeftButtonDown="TextBox_PreviewMouseLeftButtonDown"/> <TextBox IsReadOnly="True" Text="Test6" MouseMove="TextBox_MouseMove" PreviewMouseLeftButtonDown="TextBox_PreviewMouseLeftButtonDown" /> </StackPanel> </Grid> </Window> MainWindow.xaml.cs using System.Windows; using System.Windows.Controls; using System.Windows.Input; namespace DragAndDropTest { /// <summary> /// Interaction logic for MainWindow.xaml /// </summary> public partial class MainWindow : Window { private TextBox draggedTextBox; public MainWindow() { InitializeComponent(); } private void TextBox_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e) { draggedTextBox = sender as TextBox; } private void TextBox_MouseMove(object sender, MouseEventArgs e) { if (e.LeftButton == MouseButtonState.Pressed && draggedTextBox != null) { draggedTextBox.Dispatcher.Invoke(() => { DragDrop.DoDragDrop(draggedTextBox, draggedTextBox.Text, DragDropEffects.Move); }); } } private void StackPanel_Drop(object sender, DragEventArgs e) { if (e.Data.GetDataPresent(DataFormats.Text)) { string text = (string)e.Data.GetData(DataFormats.Text); if (sender != draggedTextBox.Parent) { var stackPanel = sender as StackPanel; if (stackPanel != null) { var textBox = new TextBox { Text = text }; stackPanel.Children.Add(textBox); } var originalStackPanel = draggedTextBox.Parent as StackPanel; if (originalStackPanel != null) { originalStackPanel.Children.Remove(draggedTextBox); } } } } } } 当我尝试将元素拖动到第二个面板时，出现异常： System.InvalidOperationException。 Dispatcher processing has been suspended, but messages are still being processed 中 TextBox_MouseMove 方法 线路： DragDrop.DoDragDrop(draggedTextBox, draggedTextBox.Text, DragDropEffects.Move); 我在互联网上找不到解决方案。 你能告诉我我做错了什么吗？ 问候 嗨，我认为问题出在 Dispatcher.Invoke 调用中，您可以尝试直接调用方法 DragDrop.DoDragDrop 而无需从 UI 线程调用，其创建问题可能会导致 InvalidOperationException。 谢谢

ondrop 触发时 event.dataTransfer.files 为空？

好吧，我设置了一个元素来接收文件删除事件，但是当我查看 event.dataTransfer 时，它是空白的。我还没有抽出时间学习拖放式 HTML5 API，而且我仍然是

放置元素后无法再次拖动

我有这个代码： 导入 SwiftUI 结构ContentView：视图{ @State private var offset = CGSize.zero var body: 一些视图 { ZStack { 红色 HStack { 团体 {

从孩子那里获取父母的ID

我正在向子组件添加拖放功能，我想在dragstart事件中获取父组件的id，以便拖动操作知道组件的来源。有没有...

Dnd-kit 过渡不适用于可拖动项目的放置

我正在创建一个简单的测验，其中有 4 个可放置区域和 4 个可拖动项目，以及此测验背后的想法，将所有项目移动到正确的顺序或只是更正可放置区域。 现在一切都好...

在Firefox中拖动到窗口外时如何检测dragleave事件

当拖动到窗口之外时，Firefox 无法正确触发 Dragleave 事件： https://bugzilla.mozilla.org/show_bug.cgi?id=665704 https://bugzilla.mozilla.org/show_bug.cgi?id=656164 ...

在 .NET 8 / C# 上的 WPF 中拖放不起作用 - 框架中的错误？

我当时正在开发另一个项目，并认为我已经完成了，直到我测试了拖放功能（按照代码示例），但它未能按预期工作。 我创建了一个简单的 WPF 项目......

Android 标记如何实现拖放？

嗨？ 我正在 Android 中开发 MapView 应用程序。我有三个标记，我希望稍后能够使用 Google Map API getlocation-function。为了尝试一下，我想移动

WPF .Net8 (C#) 中的拖放功能不起作用（框架中的错误？）

我当时正在开发另一个项目，并认为我已经完成了，直到我测试了拖放功能（按照代码示例），但它未能按预期工作。 我创建了一个简单的 WPF .net8 项目...

是否可以通过 JSON 和 JavaScript 使用 HTML5 拖放 API？

如果我在 HTML 中使用静态图像，则拖放 API 可以工作，但我需要向图像添加属性，以便稍后使用 JS 操作这些属性（图像与游戏有关，我想添加优先级...

如何将拖动文件的路径作为参数传递给 Windows 中的批处理文件？

我正在开发一个应用程序，我需要处理拖放功能。具体来说，我想将 example.txt 拖到 example.cfe 上，然后它应该运行批处理文件 (run_cfe.bat)。该...

使用 Socket io 进行拖放

我正在使用node、express和socket io创建一个多人纸牌游戏。我在无法将一个玩家所做的拖放操作传递到所连接的第二个玩家的屏幕上时遇到问题。 巴斯...

如何在OVR ray中拖放Canvas的2D UI元素进行交互？

使用UnityEngine； 使用 UnityEngine.EventSystems； 公共类 TestAsDesktop ：MonoBehaviour、IPointerDownHandler、IPointerUpHandler { 私有布尔 isDragging = false; 私有矩形变换

Spring 加载 UITabbarItem 以在 iOS 11 中导航

在 iOS 11 中，UITabbarItem 符合定义 isSpringLoaded 变量的 UISpringLoadedInteractionSupporting。 在 WWDC 2017 第 203 场会议中，他们指出启用 Spring 加载所需要做的就是......

拖放上传：XML 文件在浏览器中打开，但不上传

我编写了一个拖放网页来上传 XML 文件。它在客户端有 HTML 和 JavaScript、jquery.js 和 jquery.form.js 库。使用AJAX，由服务器中的PHP处理。我没有那么多

用于重新排序列表的 Android 拖放功能 detectorDragGesturesAfterLongPress 缩短长按等待时间

我使用了谷歌示例应用程序在我的撰写惰性列列表中实现列表记录，一切正常。 我遇到的问题是这个实现使用了 detectorDragGesturesAfterLongPress ...

如何使用 Javascript 将文件添加到现有的 dataTransfer 对象中

假设：可以访问 file:// 的本地 HTML/Javascript 网页 在可拖动 HTML 元素上开始拖动时，在事件处理函数 DragStart(e) 中，如何添加 File 对象，以便...

如何在Linux上使用拖放复制或移动文件时通知文件名

我想实现一种功能，当通过拖放将文件从一个目录移动到另一个目录时，我可以获取文件的名称。我想知道是否有任何方法可以实现...