首页 > Web开发 > 详细

js触屏滑动事件

时间:2015-01-27 14:50:11      阅读:242      评论:0      收藏:0      [点我收藏+]

var answerBar=document.getElementById("answerSelect");
var start_left;
var end_left;
answerBar.addEventListener("touchstart",function(event){
    event.preventDefault();
    if (event.targetTouches.length == 1) {
        var touch = event.targetTouches[0];
        start_left = touch.pageX;
    }
},false);
answerBar.addEventListener("touchmove",function(event){
    event.preventDefault();
    if (event.targetTouches.length == 1) {
        var touch = event.targetTouches[0];
        end_left = touch.pageX;
    }
},false);
answerBar.addEventListener("touchend",function(event){
    if(end_left-start_left>40){
        console.info("r");
    }
    else if(start_left-end_left>40){
       console.info("l");
    }
},false);

js触屏滑动事件

原文:http://www.cnblogs.com/lvke/p/4252739.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!