HTML5 Touchmove事件仅在一个方向上

时间:2012-02-10 14:11:57

标签: html5 drag direction touches

我在Y中创建了一个用“touchmove”拖动的对象但是我希望它只能向一个方向拖动,向上!

但它也让它失败了......我怎么能解决这个问题呢?

在Y的每个区间中,将在那里执行一些操作,目标是仅以一种方式拖动项目,从而禁止用户不进入预览操作。

以下是代码:

    var moveMe = function(e) {
    e.preventDefault();
    var orig = e.originalEvent;
    var y = event.touches[0].pageY;
    if(y<=600 && y>420){
        $(this).css({
            top: orig.changedTouches[0].pageY
        });
        if(y<570 && y>=540){

        }else {
            if(y<540 && y>=510){

            }else {
                if(y<510 && y>=480){

                }else {
                    if(y<480 && y>=450){

                    }else {
                        if(y<450 && y>=420){

                        }
                    }
                }
            }
        }
    }

};

$("#draggable").bind("touchstart touchmove", moveMe);

1 个答案:

答案 0 :(得分:1)

未经测试,但您是否可能在以下行中出错?

var y = event.touches[0].pageY;

你不是在这里使用“e”而不是“event”吗?

希望它有所帮助。