如何保持浏览器捏缩放并使用hammer.js捏事件？

Question

这是我的代码...只是一个简单的测试，因为我以前从未使用过hammer.js：

var hammerTime = new Hammer($('#hammerTarget').get(0));

hammerTime.add(new Hammer.Pinch({event: 'pinch'})); // Add pinch gesture events.

hammerTime.on('pinchin', function(event) {
    console.log('hammer pinchin');

}).on('pinchout', function(event) {
    console.log('hammer pinchout');

}).on('pinchend', function(event) {
    console.log('hammer pinchend');
});

这很好用，我可以检测到捏合，但是现在在我的捏合目标上我不能再缩放浏览器了？如何使用捏合事件并允许默认浏览器捏合缩放？我需要在捏合时做一些事情，但我仍然希望人们能够放大。

我使用的是hammer.js 2.0.4，以防万一。

Answer 1

我也遇到了困难，直到我遇到了 touch-action 属性。通过将其设置为自动，锤子停止阻止事件，并允许浏览器进行自己的缩放。

var hammerTime = new Hammer($('#hammerTarget').get(0), {touchAction : 'auto'});

hammerTime.add(new Hammer.Pinch({event: 'pinch'})); // Add pinch gesture events.

hammerTime.on('pinchin', function(event) {
    console.log('hammer pinchin');

}).on('pinchout', function(event) {
    console.log('hammer pinchout');

}).on('pinchend', function(event) {
    console.log('hammer pinchend');
});

查看文档：http://hammerjs.github.io/touch-action/