Question

我正在尝试使用滑动事件来获取iphone之类的切换开关。我想处理swipemove和swipeend事件。例如：

<div class="xyz" {on swipemove {fn:"swipemoveHandler"} /}> </div>

按预期工作，

 <div class="xyz" {on swipeend {fn:"swipeendHandler"} /}> </div>

抛出错误“事件类型：'swipeend'是无效的事件类型。”

我正在使用AT1.3.7，这方面的任何帮助都非常有用。

先谢谢

Answer 1

您可以使用滑动完成后触发的Aria模板的“滑动”事件。请参考下面的示例。这包含在AT 1.3.4

中

    swipeHandler : function (event) {
        event.preventDefault(true);
        document.getElementById("touchMe").style.visibility = "hidden";
        document.getElementById("swipeDirection").innerHTML = event.direction;
        document.getElementById("swipeDistance").innerHTML = event.distance;
        document.getElementById("swipeLength").innerHTML = event.duration;
        document.getElementById("swipeStartX").innerHTML = event.startX;
        document.getElementById("swipeStartY").innerHTML = event.startY;
        document.getElementById("swipeEndX").innerHTML = event.endX;
        document.getElementById("swipeEndY").innerHTML = event.endY;
        return false;
    }

您可以在下面看到如何将事件附加到元素

<div id="touchboard"
  {on swipe {
    fn : this.swipeHandler,
    scope : this
  }/}
>
  <!-- your content -->
</div>

请参阅链接以获取更多帮助http://snippets.ariatemplates.com/samples/github.com/ariatemplates/documentation-code/samples/utils/touch/swipe/

aria.touch.swipeend事件问题 - 未按预期工作

1 个答案: