如何让浏览器捏缩放以使用hammer.js捏事件?

时间:2015-05-26 07:40:38

标签: javascript hammer.js pinchzoom

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

Select c.city, COUNT(p.city) As 'No.of persons' from #cities c
Inner join #perrson p on c.city= p.city
group by c.city

这个工作正常,我可以检测到捏,但现在我的捏目标我不能再缩放浏览器了?如何使用夹点事件并允许默认浏览器捏缩放?我需要在夹点上做一些事情,但我仍然希望人们能够放大。

我正在使用hammer.js 2.0.4以防万一。

1 个答案:

答案 0 :(得分:4)

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

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/