HTML5畫布touchmove事件過程中防止滾動

如何避免不妨礙默認滾動，因爲我仍然要被處理的TouchMove事件：HTML5畫布touchmove事件過程中防止滾動

<!DOCTYPE html> 
    <html> 
    <head> 
     <script src="jquery.min.js"></script> 
    </head> 
    <body> 
    <canvas id="myCanvas" width="1600px" height="1600px" style="border:1px dashed gray;background-color:white;"> 
    </canvas> 

    <script> 

    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); 

    </script> 

    </body> 
    </html>

來源

2012-03-21 Homan

當你說你希望它是處理 - 它仍然可以是。只要寫這樣的：

$('#myCanvas')[0].addEventListener('touchmove', function(e) { 
    e.preventDefault(); 
    brushMove(); 
},false);

我不保證了preventDefault單獨將停止滾動，但這是你會怎麼寫，如果你希望它阻止默認，做你自己的方法了。您也可以將該呼叫置於brushMove本身中。

我只想說，你可能需要做的touchStartpreventDefault而不是touchMove。 touchMove實際上可能爲時已晚，因爲如果它正在滾動，那麼可能不會有touchMove事件發生！

來源

2012-03-22 01:34:11

HTML5畫布touchmove事件過程中防止滾動

回答

相關問題