触控板捏/ unpinch w / javascript（MacBook）

Question

我正在尝试使用原生javascript - 没有jQuery，就是这样。捏合和松开，但不能缩小/缩小。它在iOS和Android上使用触摸等很好。但我不知道如何为我的Mac-book的触控板“模仿”这种行为。任何有助于让我从正确的方向开始的帮助将不胜感激。

Answer 1

至少在Chrome中，触控板“捏合缩放”会触发滚轮/鼠标滚轮事件，就像按下ctrl键一样。您可以像任何其他wheel / mousewheel事件一样捕获此事件，并防止其发生默认情况。以下是使用jQuery的示例：

$("canvas").on("mousewheel", function(e) {
    if (e.ctrlKey) {
        e.preventDefault();
        e.stopImmediatePropagation();

        // perform desired zoom action here
    }
});

Answer 2

Starting from Safari 9.1您可以从 OSX设备中捕获缩放和旋转事件。有关更多信息，请阅读GestureEvent Class Reference。请注意，这仅适用于Safari，但由于您的问题是关于“ Mac-book的触控板”，我认为这正是您所寻找的。

附注：iOS上的Safari也支持这些事件。