使用javascript和hammerJS阻止默认的iOS网页拖动

Question

我正在创建一个简单的网络应用程序，它使用新版本的hammerJS进行缩放缩放。当压缩开始时，我遇到了默认iOS页面拖动的问题。这个接缝覆盖我试图捕获的夹点事件。任何帮助在使用hammerJS时停止这一点都将非常感激。

PS：我试图使用event.preventDefault（）无济于事。

Answer 1

您需要稍微改变一下preventDefault与您习惯的方式。像这样：

 $('#your_element').on('pinch', function(event) {
      event.gesture.preventDefault();
 });

有关其他示例，请参阅this hammer.js example。

Answer 2

将它放在标题中：

<meta name="viewport" content="width=device-width,user-scalable=no">

基本上，用户可伸缩属性控制是否允许用户缩放页面。因此，一旦禁用它，您就可以使用hammerJs控制缩放。

此处有更多信息https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag#Viewport_basics

Answer 3

你叫什么防止默认？我通常将@ Bertrand的回答与这样的结合起来

$(body).on('touchmove', function(e){
    e.preventDefault();
});