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

Question

我正在创建一个简单的 Web 应用程序，它使用新版本的hammerJS 进行捏缩放。当捏开始时，我遇到了默认的 iOS 页面拖动问题。这个接缝覆盖了我试图捕捉的捏事件。非常感谢在使用hammerJS 时阻止这种情况的任何帮助。

PS：我尝试使用 event.preventDefault() 无济于事。

Answer 1

您需要与preventDefault您习惯的呼叫方式略有不同。像这样：

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

有关另一个示例，请参见这个hammer.js示例。

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

你在叫什么 preventDefault ？我通常将@Bertrand 的答案与这样的东西结合起来

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