javascript - 如何在 windows phone 8 phonegap 中包含 swype？

Question

我正在 windows phone 8、android、bb10、iphone 中开发 phonegap 应用程序。

我使用 quo.js 在所有平台上进行 swyping，但它不适用于 wp8。

如果您有任何解决方案，请帮助我。

 $$('#wrapper').swipeLeft(function() 
 {
     //mycode
 });

Answer 1

见那里的链接 （官方 Windows Phone 开发者博客文章）。

指针 API 使用标准的“向下、移动、向上”事件模型。因此，将现有事件处理程序的侦听器连接到指针事件很简单。

前

    this.element.addEventListener("touchstart", eventHandlerName, false); 
    this.element.addEventListener("touchmove", eventHandlerName, false);
    this.element.addEventListener("touchend", eventHandlerName, false);

后

    if (window.navigator.msPointerEnabled) {
      this.element.addEventListener("MSPointerDown", eventHandlerName, false);
      this.element.addEventListener("MSPointerMove", eventHandlerName, false);
      this.element.addEventListener("MSPointerUp", eventHandlerName, false);
    }
    this.element.addEventListener("touchstart", eventHandlerName, false);
    this.element.addEventListener("touchmove", eventHandlerName, false);
    this.element.addEventListener("touchend", eventHandlerName, false);

关闭默认触摸行为

Internet Explorer 10 中的指针事件模型要求您明确指出页面的哪些区域将具有自定义手势处理（使用您刚刚添加的代码），以及哪些区域将使用默认手势处理（平移页面）。您可以通过在应该使用 -ms-touch-action 属性选择退出默认手势处理的元素上添加标记来做到这一点。例如：

前

<div id="slider" style="overflow: hidden;">

后

<div id="slider" style="overflow: hidden; -ms-touch-action: none;">