我已经构建了一个基本的草图绘制应用程序,该应用程序具有一个画布和一些按钮,当我使用Visual Studio部署该应用程序时,该应用程序会在手机上打开并显示该应用程序,但是当我在画布上干燥并绘图时, cordova滚动视图,它是正常大小,但仍以屏幕宽度约50%的溢出量滚动。在index.css中,
body {
overflow: hidden;
...
}
此代码不执行任何操作。 唯一起作用的代码是
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, { passive: false });
但是使用此方法时,我必须使用touchstart
事件监听器,而不是mousedragged
或mousedown
canvas.addEventListener('mousedown', mousedownHandler)
canvas.addEventListener('mousemove', mousedownHandler)
canvas.addEventListener('touchstart', mousedownHandler)
我还在config.xml中尝试了
<preference name="DisallowOverscroll" value="true" />
但这没做。
但是当我在HTML中创建按钮时,该按钮不会响应触摸。 当用户触摸按钮时仍能检测到画布上的触摸和拖动时,如何允许单击按钮?