html禁止页面滑动事件,在html5 canvas touchmove事件期间阻止滚动

如何在不阻止默认情况下阻止滚动,因为我仍然希望处理touchmove事件：

function brushStart() {

$('#myCanvas').css('background-color','blue');

}

function brushEnd() {

$('#myCanvas').css('background-color','red');

}

function brushMove() {

$('#myCanvas').css('background-color','yellow');

}

$('#myCanvas').bind('mousedown',brushStart);

$('#myCanvas').bind('mouseup',brushEnd);

$('#myCanvas').bind('mousemove',brushMove);

$('#myCanvas')[0].addEventListener('touchstart',brushStart,false);

$('#myCanvas')[0].addEventListener('touchend',brushEnd,false);

$('#myCanvas')[0].addEventListener('touchmove',brushMove,false);

当你说你想要它被处理时 – 它仍然可以.就像这样写：

$('#myCanvas')[0].addEventListener('touchmove',function(e) {

e.preventDefault();

brushMove();

},false);

我不保证单独使用preventDefault会停止滚动,但是如果你想要它来阻止默认设置并且你自己也使用自己的方法,那就是你写它的方式.你也可以把这个调用放在brushMove本身.

我只想说你可能需要在touchStart中执行preventDefault而不是touchMove. touchMove实际上可能为时已晚,因为如果它滚动可能没有touchMove事件！