Как на самом деле реализовать drag'n'drop в Javascript / Metro-UI под Windows 8

Question

Почему-то я, должно быть, пропустил соответствующую документацию для чего-то такого простого. Поиск через Google также не дает полезных результатов.

Итак, вот что я хочу сделать: нарисовать прямоугольник (div), сделать его перетаскиваемым и перетащить его куда-нибудь еще, с надлежащей проверкой того, что точка отбрасывания является действительно действительной.

Как бы я поступил так с инструментами Visual Studio 11 Beta?

Все, что я нашел до сих пор, это событие onDragging-Event, которое не очень помогает из-за недостатка предоставленной информации.

Пример кода был бы отличным, я также мог бы жить со ссылкой на какой-нибудь блог или что-то подобное.

Редактировать: перетаскивать через сенсорный ввод, то есть не через "нормальное" взаимодействие с мышью.

Answer 1

Только что получил ответ от сотрудника Microsoft: Это ошибка: http://social.msdn.microsoft.com/Forums/en-US/winappswithhtml5/thread/88cfb689-2e38-417c-a2be-9682f1a23ae4/

Итак, пока эта ошибка не исправлена, кажется, вам действительно нужно накатить свою собственную.

Answer 2

Вплоть до включения бета-версии (CP) мы могли использовать события dragstart, drag, dragend даже для сенсорного ввода в Metro. В новых сборках это перестало работать (события больше не запускаются) и похоже, что нам придется переключиться на MSPointerMove et al. для обработки сенсорного перетаскивания. Из нескольких созданных мною примеров кажется, что автономный IE никогда не поддерживал перетаскивание, перетаскивание и перетаскивание для касания - другими словами, перетаскивание касанием работает в моем образце в бета-версии Metro, но там же не работает тот же файл в обычном IE.

Ответ от сотрудника Microsoft, упомянутого ниже, я считаю, что ошибка не связана с проблемой перетаскивания.

Answer 3

Следующая ссылка - пошаговое руководство по перетаскиванию HTML5 в IE10 из блога IEIE10 - это движок для Windows Web Apps, поэтому он будет работать в вашем приложении Windows 8.