微信移动端的坑

2017-08-23

微信禁止屏幕拖动

touch.on('.page', 'touchstart', function (ev) {
     ev.preventDefault();
});

简单粗暴，但是会有个坑，input的默认事件会无法触发，也就是说弹不出输入框了

禁止浏览器下拉回弹，暂时先用这个

function stopDrop() {
    var lastY;//最后一次y坐标点
    $(document.body).on('touchstart', function(event) {
        lastY = event.originalEvent.changedTouches[0].clientY;//点击屏幕时记录最后一次Y度坐标。
    });
    $(document.body).on('touchmove', function(event) {
        var y = event.originalEvent.changedTouches[0].clientY;
        var st = $(this).scrollTop(); //滚动条高度
        if (y >= lastY && st <= 10) {//如果滚动条高度小于0，可以理解为到顶了，且是下拉情况下，阻止touchmove事件。
            lastY = y;
            event.preventDefault();
        }
        lastY = y;

    });
}
stopDrop();

8.30测试，发现用了这个微信长按保存图片会被干扰，故去除