觸控板捏/ 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

從Safari 9.1開始，您可以從OSX設備捕獲縮放和旋轉事件。 有關更多信息，請閱讀GestureEvent類參考 。 請注意，這僅適用於Safari，但由於您的問題是關於“ Mac-book的觸控板 ”，我認為這就是您要尋找的。

---

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