V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3498 天前的主题，其中的信息可能已经有所发展或是发生改变。

在手机上处理正常的touchstart,touchmove,touchend事件，在windows8触摸屏上就不行了，会触发整个网页的上下滚动（touchmove中已经event.preventDefault()）不再触发touchmove事件

请问如何禁止在目标dom上手指上下滑动时页面滚动？

代码如下

var canvas = $('#canvas');
canvas.on('touchstart', onTouchStart);
$(document).on('touchend', onTouchEnd);

function onTouchStart(event) {
    event.preventDefault();
    //do something
    canvas.on('touchmove', onTouch);
}

function onTouchMove(event) {
    //手机上正常阻止浏览器滑动的代码，在win8触摸屏上失效了
    event.preventDefault && event.preventDefault();
    //do something
}

function onTouchEnd(event) {
    event.preventDefault();
    canvas.off('touchend', onTouchMove);
}

touchmove

touchend

触摸屏

3 条回复 • 2015-05-07 12:55:51 +08:00