我有一个页面，其中有一个部分可以在其中绘制绘图。但是在移动浏览器上使用它时，touchmove 事件（至少是垂直事件）也会滚动页面（这会降低草绘体验）。有没有办法a）禁用并重新启用页面滚动（这样我可以在每行开始时将其关闭，但在每行完成后重新打开），或b）禁用默认处理进入绘制草图的画布的 touchmove 事件（可能还有滚动）（我不能完全禁用它们，因为草图使用它们）？
我已经为草图使用了 jquery-mobile vmouse 处理程序，如果这有区别的话。
更新：在 iPhone 上，如果我选择要在其中绘制草图的画布，或者在绘图前仅按住手指一点，页面不会滚动，这不是因为我在页面中编码的任何内容。
注意：正如@nevf 在评论中指出的那样，由于性能变化，此解决方案可能不再有效（至少在 Chrome 中）。建议使用
touch-action@JohnWeisz's answer也建议使用的。
与@Llepwryd 给出的答案类似，我使用了ontouchstart和的组合ontouchmove来防止在某个元素上滚动。
原样来自我的一个项目：
window.blockMenuHeaderScroll = false;
$(window).on('touchstart', function(e)
{
if ($(e.target).closest('#mobileMenuHeader').length == 1)
{
blockMenuHeaderScroll = true;
}
});
$(window).on('touchend', function()
{
blockMenuHeaderScroll = false;
});
$(window).on('touchmove', function(e)
{
if (blockMenuHeaderScroll)
{
e.preventDefault();
}
});
本质上，我正在做的是监听触摸开始，看看它是否开始于使用 jQuery 的另一个元素的子元素，.closest并允许它打开/关闭滚动的触摸移动。该e.target指触摸开始始于元素。
您想阻止触摸移动事件的默认设置，但是您还需要在触摸事件结束时为此清除标志，否则触摸滚动事件将不起作用。
这可以在没有 jQuery 的情况下完成，但是对于我的使用，我已经有了 jQuery 并且不需要编写代码来查找元素是否具有特定的父元素。
截至 2013 年 6 月 18 日在 Android 和 iPod Touch 上的 Chrome 中测试
CSS 上有一个小“hack”，它也允许你禁用滚动：
.lock-screen {
height: 100%;
overflow: hidden;
width: 100%;
position: fixed;
}
将该类添加到正文将阻止滚动。
document.addEventListener('touchstart', function(e) {e.preventDefault()}, false);
document.addEventListener('touchmove', function(e) {e.preventDefault()}, false);
这应该可以防止滚动，但它也会破坏其他触摸事件，除非您定义了一种自定义方式来处理它们。
最终的解决方案将被设置overflow: hidden;在document.documentElement像这样：
/* element is an HTML element You want catch the touch */
element.addEventListener('touchstart', function(e) {
document.documentElement.style.overflow = 'hidden';
});
document.addEventListener('touchend', function(e) {
document.documentElement.style.overflow = 'auto';
});
通过overflow: hidden在触摸开始时进行设置，它可以隐藏超出窗口的所有内容，从而消除滚动任何内容的可用性（没有滚动内容）。
后touchend锁可以通过设置被释放overflow到auto（默认值）。
最好将它附加到，<html>因为<body>可能用于做一些造型，而且它可以让孩子们表现得出乎意料。
编辑：关于touch-action: none;- Safari根据 MDN不支持它。