如何实际实现拖动'n'在Windows8下的Javascript/MetroUI中进行拖放

How to actually implement drag'n'drop in Javascript / Metro-UI under Windows 8

本文关键字：MetroUI 拖放 Javascript 实现 何实际 拖动 Windows8 下的      更新时间：2023-09-26

不知怎么的，我一定错过了像这样简单的东西的正确文档。通过谷歌搜索也不会产生有用的结果。

因此，我想做的是：绘制一个矩形（div），使其可拖动，然后将其放置在其他地方，并适当验证放置点是否实际有效。

我该如何使用Visual Studio 11 Beta提供的工具来实现这一点？

到目前为止，我所发现的只是onDragging事件，由于所提供的信息很少，它并没有真正的帮助。

代码示例将是伟大的，我也可以生活在一些博客或类似的链接。

编辑：通过触摸屏输入拖放，也就是说，不通过"正常"的鼠标交互。

刚刚收到一位微软员工的回复：这是一个错误：http://social.msdn.microsoft.com/Forums/en-US/winappswithhtml5/thread/88cfb689-2e38-417c-a2be-9682f1a23ae4/

所以，在这个错误被修复之前，你似乎真的必须自己动手。

下面的链接是IE博客中IE10中HTML5拖放的演练。IE10是Windows Web应用程序的引擎，因此它将在您的Windows 8应用程序中运行。

http://blogs.msdn.com/b/ie/archive/2011/07/27/html5-drag-and-drop-in-ie10-ppb2.aspx

在测试版（CP）之前，我们甚至可以在Metro中使用dragstart、drag、dragend事件进行触摸输入。在较新的版本中，这已经停止工作（事件不再触发），看起来我们必须切换到MSPointerMove等人来处理触摸拖动。从我创建的几个示例来看，独立的IE似乎从未支持dragstart、drag和dragend for touch——换句话说，在beta Metro中，触摸拖动在我的示例中有效，但在正常的IE中，相同的文件不起作用。

关于下面提到的微软员工的回答，我认为这个错误与触摸拖动的问题无关。

相关文章：