js webapp 滑动事件
2015-05-27 11:32
615 查看
var startX, startY, endX, endY;
$(".detailImg").on("touchstart", touchStart);
$(".detailImg").on("touchmove", touchMove);
$(".detailImg").on("touchend", touchEnd); function touchStart(event) {
var touch = event.originalEvent.targetTouches[0];
startX = touch.pageX;
event.preventDefault();//在andorid下不触发touchend解决方案
};
function touchMove(event) {
var touch = event.originalEvent.targetTouches[0];
endX = (startX - touch.pageX);
};
function touchEnd(event) {
if (endX > 10)
nextImgCallBack();
else if (endX < -10)
proImgCallBack(); endX = 0; startX = 0;
};
$(".detailImg").on("touchstart", touchStart);
$(".detailImg").on("touchmove", touchMove);
$(".detailImg").on("touchend", touchEnd); function touchStart(event) {
var touch = event.originalEvent.targetTouches[0];
startX = touch.pageX;
event.preventDefault();//在andorid下不触发touchend解决方案
};
function touchMove(event) {
var touch = event.originalEvent.targetTouches[0];
endX = (startX - touch.pageX);
};
function touchEnd(event) {
if (endX > 10)
nextImgCallBack();
else if (endX < -10)
proImgCallBack(); endX = 0; startX = 0;
};
相关文章推荐
- js touch事件 手势滑动事件总结
- JS移动客户端--触屏滑动事件
- 移动端触屏滑动,JS事件
- JS移动客户端--触屏滑动事件
- js实现监听手机滑动到底部触发事件
- JS手机端touch事件计算滑动距离的方法示例
- js的左右滑动触屏事件
- jQuery移动设备上支持滑动事件(jquery.touchSwipe.min.js)
- 浅谈移动端之js touch事件 手势滑动事件
- JS移动客户端--触屏滑动事件
- js实现滑动触屏事件监听的方法
- js/jq控制页面动态加载数据,滑动滚动条自动加载事件
- js移动端滑动事件
- 移动端触屏滑动,JS事件
- js实现touch移动触屏滑动事件
- Android-WebApp《基础》-JS触摸事件
- js的左右滑动触屏事件
- 移动端上下滑动事件之--坑爹的touch.js
- zepto.js滑动事件,jquery获得url参数,手机端双击图片和手势放大
- [JS前端开发] js/jquery控制页面动态加载数据 滑动滚动条自动加载事件