Windows 8触摸Javascript导航应用程序 [英] Windows 8 Touch in Javascript Navigation Application

问题描述

基于本教程：

http://msdn.microsoft.com/en-us/library/windows/apps/hh452768.aspx

而不是点击链接，我想知道它是否可以实现触摸/手势来实现相同的结果。

我希望有人可以为我们提供简单的指南。谢谢！

-pol

解决方案

嗨pol，

如果我理解你的情况你可以绝对做到这一点，并且有一些样本可以帮助您：

http：// code。 msdn.microsoft.com/windowsapps/Input-DOM-pointer-and-2e5697ed

而不是使用< a> （或者，如果您仍然希望使用它，请使用< a>并设置href = javascript：void（0）"，为您的内容使用< div>：

< div class =" gestureElement">我的内容我想在< / div>上实现触摸手势

然后，例如，按类名获取元素和添加事件。 这些事件有很多详细的参数，所以请检查这些

 

var guestureElement = document.getElementsByClassName（" gestureElement"）[0];

gestureElement .addEventListener（" MSGestureChange"，ongestureElementGestureChange，false）;
$
gestureElement.addEventListener（" MS） GestureTap"，ongestureElementGestureTap，false）;
$
gestureElement.addEventListener（" MSGestureEnd"，ongestureElementGestureEnd，false）;
$
gestureElement.addEventListener（" MSGestureHold"，ongestureElementGestureHold，false ）;

如果您需要更多详细信息，请告知我们如果我的方案错了。

Patrick Dengler - Microsoft

 

based from this tutorial:

http://msdn.microsoft.com/en-us/library/windows/apps/hh452768.aspx

instead of clicking the link, im wondering if its doable to implement touch/gestures to achieve the same result.

i hope someone can provide us simple guide on this. thanks!

-pol

解决方案

Hi pol,

If I understand your scenario correctly you can absolutely do this, and there is somewhat of a sample to help you:

http://code.msdn.microsoft.com/windowsapps/Input-DOM-pointer-and-2e5697ed

Instead of using <a> (or if you still wish to use it, use the <a> and set the href = javascript:void(0)", use a <div> for your content:

<div class="gestureElement">My Content I want to implement touch gestures on</div>

Then for example, get the element(s) by class name and add the events.  These events have a lot of detailed arguments so do inspect these

 

var guestureElement= document.getElementsByClassName("gestureElement")[0];

gestureElement.addEventListener("MSGestureChange", ongestureElementGestureChange, false);
gestureElement.addEventListener("MSGestureTap", ongestureElementGestureTap, false);
gestureElement.addEventListener("MSGestureEnd", ongestureElementGestureEnd, false);
gestureElement.addEventListener("MSGestureHold", ongestureElementGestureHold, false);

Let me know if you need more detail or if I got your scenario wrong.

Patrick Dengler - Microsoft

 

这篇关于Windows 8触摸Javascript导航应用程序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！