【Vue】ブラウザで長押しによる画像ダウンロードを禁止する
まず以下で実現できる。
しかしクリックイベント受け付けなくなってしまう。
img { pointer-events: none; }
他には以下を書けばよいと色んな記事に書いてあった。
これでiphoneとandroidでは制御できた。
しかしipad(safari、chrome)で長押しできてしまう。
img { -webkit-touch-callout: none; -webkit-user-select: none; -moz-touch-callout: none; -moz-user-select: none; touch-callout: none; user-select: none; -ms-user-select:none; }
最終的に以下を追加してipadでも長押しできなくなった。
img { -webkit-user-drag: none; }