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

时间:2012-08-09 16:45:15

标签: javascript ios html5 webkit touch

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

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;" />

没有成功。

1 个答案:

答案 0 :(得分:2)

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

event.preventDefault();
return false;

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

我认为其中一项应该有效