移動端的touch事件

版權聲明：本文爲博主原創文章，未經博主允許不得轉載。 https://blog.csdn.net/ranran125/article/details/79747262

移動端的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。該方法也可以傳遞一個自定義事件的類型名，用於生成用戶自定義事件對象。