javascript - Hammer.js触发无关的pinchin/pinchout事件

在CodePen示例的JS面板中使用以下代码:

var myElement = document.getElementById('myElement');
var mc = new Hammer.Manager(myElement);

var pinch = new Hammer.Pinch({threshold: 0});
mc.add([pinch])
mc.on("pinch pinchin pinchout pinchstart pinchend", function(ev) {
    myElement.textContent += ev.type +" ";
});

并在带有触摸屏的PC上在Chrome上测试捏事件，您会发现捏一直都会出现一个额外的“捏”事件。捏出来时也会发生同样的情况。

该序列将:

pinchstart pinch pinchin pinch pinchin... ...pinch pinchin pinch pinchend pinchin

这是错误还是设计使然？这与“幽灵点击”有关吗？

最佳答案

您应该单独使用“捏”事件或其他事件(pinchin，pinchout等)，而不要同时使用。

只需删除“捏”:

mc.on("pinchin pinchout pinchstart pinchend", function(ev) {
    myElement.textContent += ev.type +" ";
});