移动 safari 上的 touchMove 事件 - 导致整个页面被拖动答案

【问题标题】：touchMove event on mobile safari - causes the whole page to be dragged移动 safari 上的 touchMove 事件 - 导致整个页面被拖动
【发布时间】：2012-08-09 16:45:15
【问题描述】：

根据苹果文档应用触摸事件时

element.addEventListener("touchstart", touchStart, false);
element.addEventListener("touchmove", touchMove, false);
element.addEventListener("touchend", touchEnd, false);
element.addEventListener("touchcancel", touchCancel, false);

拖动时，整个 html 页面（在 ipad 或 iphone 上）往往会被拖动。我该如何预防？

我尝试添加

event.preventDefault();

到回调，以及

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />

没有成功。

【问题讨论】：

标签： javascript ios html webkit touch

【解决方案1】：

您可以尝试使用从处理程序返回 false 来防止默认操作。

event.preventDefault();
return false;

你也可以尝试使用event.stopPropagation();

我认为其中一个应该可以工作

【讨论】：