您的位置:首页 > 移动开发

移动端左右滑动代码

2016-02-25 14:41 435 查看
    //左右滑动切换
var nStartY;
var nStartX;
var nChangY;
var nChangX;
document.getElementsByTagName('body')[0].addEventListener('touchstart',function(e){
nStartY = e.targetTouches[0].pageY;
nStartX = e.targetTouches[0].pageX;
});
document.getElementsByTagName('body')[0].addEventListener('touchmove',function(e){
e.preventDefault();
});
document.getElementsByTagName('body')[0].addEventListener('touchend',function(e){
nChangY = e.changedTouches[0].pageY;
nChangX = e.changedTouches[0].pageX;
var distance = nChangX - nStartX;
var distance1 = nChangY - nStartY;

if(distance > 50){//左滑
alert('左滑');
}else if(distance < -50){

alert('右滑');
}
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: