こんにちは、CX事業本部 IoT事業部の若槻です。 最近、タッチ型PC端末を店頭に設置して不特定多数の人がタッチにより操作するWebアプリケーションを実装する機会があり、その中で下記のタッチ操作を無効にしたいという要望がありました。 ピンチズーム:2本指でタッチすると画面がズームイン/ズームアウトできてしまう。 スワイプ:左右にスワイプするとブラウザの「戻る」「進む」ができてしまう。 テキスト選択:テキストを長押しすると選択でき、そのままweb検索ができてしまう。 右クリック:長押しすると右クリックメニューが出てしまう。 そこで今回は、Webアプリケーションで画面タッチによるいろいろな操作を制限(無効化)する方法を確認してみました。 ピンチズーム ピンチズーム操作はJavaScript(TypeScript)で以下の記述をすれば制限可能です。 const touchHandler = (e

