Javascript AdobeEdge移动图像库

Javascript AdobeEdge移动图像库,javascript,html,css,image-gallery,adobe-edge,Javascript,Html,Css,Image Gallery,Adobe Edge,我正在使用AdobeEdge动画创建我网站的大部分内容,但我也想制作一个移动版本,因此显然,我想使用onTouch事件而不是onClick事件。我似乎找不到任何关于如何使用触摸事件的好信息,因为我以前从未使用过它们 我想制作一个简单的图像库,向左滑动时向前播放,向右滑动时反向播放 这里最大的问题是,如何让触摸事件根据刷卡的方向执行不同的操作?首先,您是对的,您需要使用三个事件处理程序:touchstart、touchmove和touchend 您可以采取的一种方法是比较用户手指的起始位置和结束位

我正在使用AdobeEdge动画创建我网站的大部分内容,但我也想制作一个移动版本,因此显然,我想使用onTouch事件而不是onClick事件。我似乎找不到任何关于如何使用触摸事件的好信息,因为我以前从未使用过它们

我想制作一个简单的图像库,向左滑动时向前播放,向右滑动时反向播放


这里最大的问题是,如何让触摸事件根据刷卡的方向执行不同的操作?

首先,您是对的,您需要使用三个事件处理程序:touchstart、touchmove和touchend

您可以采取的一种方法是比较用户手指的起始位置和结束位置。虽然代码会根据您想要检测的手指数量而有所不同,但我将概述一种您可以调整的基本方法。要检测一根手指,请在“touchstart”事件处理程序中输入以下内容:

var xStart = e.originalEvent.touches[0].pageX;
sym.setVariable('xStart', xStart);
这将把第一个手指的起始x位置存储在一个变量中,然后让其他事件处理程序全局访问它。 然后可能在“touchend”事件处理程序中执行相同的操作。使用一些逻辑来比较这两个值

xStart = sym.getVariable('xStart');
var xEnd = e.originalEvent.touches[0].pageX;

if (xEnd > xStart)
{
    sym.playReverse();
}
else if (xEnd < xStart)
{
    sym.play();
}
xStart=sym.getVariable('xStart');
var xEnd=e.originalEvent.touchs[0].pageX;
如果(xEnd>xStart)
{
sym.playReverse();
}
else if(xEnd
然后,您将有一些停止帧来保存这些图像

这只是一个例子,但希望它能帮助你开始。 祝你好运