码迷,mamicode.com
首页 > Web开发 > 详细

js触屏滑动事件

时间:2015-01-27 14:52:35      阅读:131      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!