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