移动端的touch事件

移动端的touch事件

 $("body").on("touchstart", function (e) {
        e.preventDefault();
        startY = e.originalEvent.changedTouches[0].pageY;
    });
    $("body").on("touchmove", function (e) {
        e.preventDefault();
        moveEndY = e.originalEvent.changedTouches[0].pageY,
        Y = moveEndY - startY;
        if (Y > 40) {//从上往下
            console.log("top 2 bottom");
        }
        else if (Y < -40) {//从下往上
            console.log("bottom 2 top");
        }
    });
    // e.preventDefault()该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 "submit"，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。注意，如果 Event 对象的 cancelable 属性是 fasle，那么就没有默认动作，或者不能阻止默认动作。无论哪种情况，调用该方法都没有作用。
    //event中有一个originalEvent属性，而这才是真正的touch事件。jQuery.Event 是一个构造函数，其创建一个可读写的jQuery事件对象，并在event 对象保留了对这个原生事件对象 event 的引用($event.originalEvent)。我们绑定的事件处理程序所处理的事件对象都是 $event。该方法也可以传递一个自定义事件的类型名，用于生成用户自定义事件对象。