html - HTML5 Touchmove 事件仅在一个方向

Question

我创建了一个要在 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);

Answer 1

未经测试，但您是否可能在以下行中有错误？

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

你不应该在这里使用“e”而不是“event”吗？

希望能帮助到你。