ブラウザ上の対象をトラックパッドの二本指ジェスチャーで上下左右に動かしたり拡大縮小をしたい
結論
<ul>
<li>これらの操作はwheelイベントでブラウザに伝えられる</li>
<li>deltaX, deltaYに縦横の移動量が入っている</li>
<li>ピンチの場合はctrlKey: trueになっている</li>
<li>wheelイベントはデフォルトでpassiveなのでブラウザのデフォルトのスクローン操作を止めるためにはまずpassiveをオフにする必要がある<ul>
<li><code>window.addEventListener(&quot;wheel&quot;, onWheel, { passive: false });</code></li>
<li>see <a href="https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener">EventTarget.addEventListener() - Web APIs | MDN</a></li>
</ul>
</li>
</ul>
---memo
from <a href="/ja/pMovidea">pMovidea</a>
Macbookのタッチパネルで平行移動
<ul>
<li><a href="https://kenneth.io/post/detecting-multi-touch-trackpad-gestures-in-javascript">Detecting multi-touch trackpad gestures in JavaScript</a></li>
<li>ホイールイベントにXとYがある<ul>
<li>(Zもある)</li>
</ul>
</li>
<li>ピンチの場合はctrlKey: true<ul>
<li>マジかよ(マジだった)</li>
</ul>
</li>
</ul>

Macbookのトラックパッドで拡大縮小平行移動