移动safari上的touchMove事件 - 导致整个页面被拖动 [英] touchMove event on mobile safari - causes the whole page to be dragged

问题描述

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

when applying touch events as per apple documentation

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

并且拖动，整个html页面（在ipad或iphone上）往往被拖延。如何防止这种情况？

and dragging, the whole html page (on ipad or iphone) tends to be dragged along. How do I prevent that?

我尝试添加

event.preventDefault();

回调，以及

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

但没有成功。

推荐答案

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

You can try to use preventing default action with returning false from a handler.

event.preventDefault();
return false;

您也可以尝试使用 event.stopPropagation（）;

我认为其中一项应该有效

I think one of that should work

这篇关于移动safari上的touchMove事件 - 导致整个页面被拖动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！