Как я могу удержать браузер, чтобы увеличить масштаб и использовать события hammer.js pinch?

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/