使用Chrome进行触摸拖动工作

Question

我正在使用Ubuntu触摸屏笔记本电脑在Chrome中开发网络应用程序。

此应用程序的一部分要求用户能够在应用程序跟踪鼠标在元素上的路径时拖动元素。这适用于使用鼠标拖动，但是当我使用触摸屏拖动元素时，Chrome只会滚动整个页面。

我尝试将event.preventDefault()添加到我的click()函数中，但这并不会阻止触摸拖动滚动。

var drawing = false;
document.getElementById('canvas').addEventListener('click', function(event){click(event);});
document.getElementById('canvas').addEventListener('mousemove', function(event){if(drawing) click(event);});
document.getElementById('canvas').addEventListener('touchmove', function(event){if(drawing) click(event);});
document.getElementById('canvas').addEventListener('touchstart', function(event){drawing=true;});
document.getElementById('canvas').addEventListener('mousedown', function(event){drawing=true;});
document.getElementById('canvas').addEventListener('touchend', function(event){drawing=false;});
document.getElementById('canvas').addEventListener('mouseup', function(event){drawing=false;});

我需要能够按照用户在触摸屏上拖动的路径，而无需滚动整个页面。