ピンチイン・ピンチアウトによるブラウザのズームを無効にする

2022.02.02 2022.02.02

JavaScriptを使って、スマートデバイスのブラウザでピンチイン・ピンチアウトを使ったズームを無効にする方法です。
2022.02.01時点で、次の内容でズームが無効になることを確認しています。

body.addEventListener()でtouchmoveイベントを受信し、２つ以上のタッチがあれば処理を無効にします。

document.body.addEventListener('touchmove', (e) => {
  if (e.touches.length > 1) {
    e.preventDefault();
  }
}, {passive: false});

JavaScriptでJSONからクエリパラメータを生成する

JavaScriptを使ったシンプルなSPAの作成例