标签: drag-and-drop

如何在 macOS/AppKit 中的窗口选项卡上接受拖动项目的放置?

鼠标光标将书签文件拖动到 Safari 窗口选项卡

\n

在 Safari 中,我可以将项目(例如 URL,甚至是取景器中的 .webloc 书签)直接拖到选项卡上以打开。

\n

如何使窗口选项卡栏项目在我自己的 AppKit 应用程序中查看放置目标?

\n

I\xe2\x80\x99d 希望能够接受删除NSPasteboard类似于NSView实例的方式:

\n
override func performDragOperation(_ sender: NSDraggingInfo) -> Bool {\n    // Handle drop\n}\n
Run Code Online (Sandbox Code Playgroud)\n

但选项卡栏和包含的NSTabButton实例是由系统提供的。\n子类化或扩展NSTabButton\xe2\x80\x99 似乎不起作用,因为\xe2\x80\x99 是私有的。

\n

macos drag-and-drop appkit swift

16
推荐指数
1
解决办法
407
查看次数

在WPF中检测Drag'n'Drop文件?

是否有可能让WPF窗口/元素检测从C#.Net 3.5中的Windows资源管理器拖拽文件?我找到了WinForms的解决方案,但没有找到WPF的解决方案.

c# wpf drag-and-drop .net-3.5

15
推荐指数
2
解决办法
1万
查看次数

无需重新排序控制即可重新排序UITableView

我需要用户能够通过这种方式重新排序UITableView:他触摸一个单元格预定的时间段(例如1秒),然后他可以将其拖放到其他单元格上.

我知道如何使用手势识别器实现"长触摸"检测,但是在不使用重新排序控件的情况下实现拖放功能的最佳方法是什么(用户应该从单元格中的任何位置拖动单元格,而不仅仅是重新排序控制)?

cocoa-touch drag-and-drop uitableview ios

15
推荐指数
2
解决办法
5814
查看次数

Javascript拖放:成功删除后删除拖动的元素

我在javascript中使用本机拖放 API.如何在成功删除后从DOM中删除拖动的元素?

  • 我已经尝试过监听drop事件,但这只会被触发的元素触发,并且没有引用被拖动的元素.
  • 我试过听过dragend元素,但这并没有让我知道drop是否成功.
  • 我正在尝试避免将要拖动的元素存储在全局变量中,因为如果在不同的选项卡或浏览器之间发生拖动,这将导致问题.

这是一个例子:http://jsfiddle.net/KNG6n/3/

可以拖入框中的字母列表.当一个字母的节点被放在盒子上时,我希望它从列表中删除(不影响包含相同字母的任何其他列表项)

javascript html5 drag-and-drop

15
推荐指数
2
解决办法
2万
查看次数

在Safari iOS上拖放:不会拖动,不会响应桌面/ iPad上的掉落

我正在编写一个可在iPad上查看的网页.它使用Safaris/Webkits拖放.我已经完全复制了Safari的示例拖放代码,但它无法正常工作.

我的问题:当我在Safari桌面上或在iPad上的Safari上运行网页(HTML,CSS和Javascript)时,永远不会触发ondrop事件.在ipad上我甚至无法拖动元素(当我握住并将手指移到元素上时,显微镜会出现并且它不会拖动).拖动确实在桌面上工作.

出了什么问题?

可以在本页的最底部找到小代码示例:https://developer.apple.com/library/archive/documentation/AppleApplications/Conceptual/SafariJSProgTopics/DragAndDrop.html

<!DOCTYPE html>
<html>

<head>
  <title>Drag-and-Drop</title>

  <script>
    <!--
    var dragitem = undefined;

    function setdragitem(item, evt) {
      dragitem = item;
      // alert('item: '+item);
      // item is an HTML DIV element.
      // evt is an event.

      // If the item should not be draggable, enable this next line.
      // evt.preventDefault();

      return true;
    }

    function cleardragitem() {
      dragitem = undefined;
      // alert('item: '+item);
    }

    function dodrag() {
      // alert('item: '+dragitem);
    }

    // This is required---used to …
Run Code Online (Sandbox Code Playgroud)

html javascript css safari drag-and-drop

15
推荐指数
2
解决办法
8656
查看次数

HTML5 UL LI可拖动

我有一个无序列表:

  • 清单项目1
  • 清单项目2
  • 清单项目3
  • 清单项目4
  • 清单项目5

使用此代码实现:

<ul>
  <li>List item 1</li>
  <li>List item 2</li>
  <li>List item 3</li>
  <li>List item 4</li>
  <li>List item 5</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

现在,我希望它可以拖延.例如,如果我向上拖动"列表项目5",我可以将它放在"列表项目2"和"列表项目3"之间,它将成为第三个.

我想在没有jQuery的情况下这样做,只需简单的Javascript.另外,我想使用原生HTML5 draggable ="true".任何帮助,将不胜感激.

html5 drag-and-drop draggable html-lists

15
推荐指数
3
解决办法
5万
查看次数

如何将Android拖阴影的"目标点"从其"触点"中移开?

我正在开发一个应用程序,可以更好地控制拖动对象的删除位置.但是对于电容式触摸屏,用户的手指总是会遮挡掉落目标.

Android允许通过覆盖View.DragShadowBuilder.onProvideShadowMetrics()方法指定拖动阴影上的"触摸点" .但似乎没有办法提供一个流离失所的"目标点".我想从拖曳阴影的触摸点投射一个箭头,可以更精确地操纵到投射目标.

问题:实现这一目标的最简单/最优雅的方法是什么?

我认为我可以在拖动操作期间在屏幕上放置一个不可见的图层,它记录触摸点的坐标,翻译它们并将它们发送到实际的拖放目标 - 基本上重新实现拖动事件.但我想知道是否有更简单的解决方案.或者如果其他人之前做过类似的事情.


编辑:这是我想要的那种拖影的粗略模型:

在此输入图像描述

android drag-and-drop

15
推荐指数
1
解决办法
1493
查看次数

拖放操作期间Chrome F8/hotkey调试器中断

在Chrome的网络开发者工具中,可以通过按下来随时中断F8.

通常,我想通过按下F8来在拖放操作期间断开并检查元素.但这不起作用.

在没有运行自定义脚本的情况下是否有原生的Chrome方式快捷方式?

debugging drag-and-drop google-chrome google-chrome-devtools

15
推荐指数
3
解决办法
4127
查看次数

想知道html5拖放的dragover和dragenter事件的区别

我想知道html5拖放的dragover和dragenter事件的区别.我不清楚这种差异.

html drag-and-drop

15
推荐指数
2
解决办法
7566
查看次数

如何在两个组件之间使用Angular7(角度材质)拖放

最近角度引入角度材料的拖放 https://material.angular.io/cdk/drag-drop/overview.

所有示例都在单个组件中描述.如何在两个不同的组件中使用它,拖动一个组件项并放入另一个组件.

drag-and-drop angular-material angular angular-cdk angular7

15
推荐指数
3
解决办法
8183
查看次数