如何在Windows 8下实际实现Javascript / Metro-UI中的拖放操作

时间:2012-03-17 23:25:22

标签: javascript drag-and-drop windows-8 microsoft-metro

不知怎的,我一定错过了正确的文档来解决这个问题。通过Google搜索也不会产生有用的结果。

所以,这就是我想要做的事情:绘制一个矩形(div),使其可拖动并将其放在其他地方,并正确验证掉落点是实际有效的。

我将如何使用Visual Studio 11 Beta提供的工具进行此操作?

到目前为止,我发现的所有内容都是onDragging-Event,由于提供的信息很少,因此无法提供帮助。

代码示例很棒,我也可以使用某个博客的链接等。

编辑:拖放触摸屏输入,即不通过“正常”鼠标交互。

3 个答案:

答案 0 :(得分:1)

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

所以,在修复bug之前,你似乎真的要自己动手了。

答案 1 :(得分:0)

以下链接从IE博客中浏览IE10中的HTML5拖放。 IE10是Windows Web Apps的引擎,因此可以在Windows 8应用程序中使用。

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

答案 2 :(得分:0)

直到并包括beta(CP),即使是Metro中的触摸输入,我们也可以使用dragstart,drag,dragend事件。在较新的版本中,这已停止工作(事件不再触发),看起来我们将不得不切换到MSPointerMove等。用于处理触摸拖动。 从我创建的几个示例中看来,独立IE从未支持dragstart,drag和dragend for touch - 换句话说触摸拖动工作在我的示例内部测试Metro,但相同的文件在普通IE中不起作用。

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