img画像をスマホでクリックすると画像保存とでる

質問

画像をクリックするクリックゲームを作ったのですが、imgの画像をスマホでクリックすると画像をほぞんが出てしまいます。

これを出ないようにできないのでしょうか？

背景にする方法もありますが、なぜか何も出てこないのと、
沢山あるimgタグをすべてCSSに変換するのが大変です。

回答No.3

Proof4 · ベストアンサー

No.2のお礼に対して回答します。
>ありがとうございます。うまくいったようなのですが、一体どのようなことをやっているのか、教えていただければ幸いです。

パソコンの場合はマウスの右クリックで、スマホの場合は画像長押しでコンテキストメニューという、画像保存に使えるメニューが開きます。当該のスクリプトでは、右クリックや長押しで起こる動作をクリアすることで、画像を保存するメニューを表示できないようにしています。

お礼

ありがとうございます。

＞＞＞
contextmenu

コンテキストメニューという下記のイベントが実行された時に中身の式を実行。

PCなら右クリックを押した時に出てくるコピーなどの、メニュー欄を表記するイベント

SPなら長押しの際に出る、画像を保存などのイベント

＞＞＞
e.preventDefault();

イベントリスナーで登録したイベントの実行を停止する始めから存在するpreventDefaultメソッドを実行。

ということなのでしょうね。

補足

別質問にしたほうがよろしければそのようにします。

これが確認取れ次第ベストアンサーにするのでよろしくお願いいたします。

回答No.2

Proof4

コンテキストメニューを表示しないようにすれば解決するかもしれません。
</body>の直前に下記のコードを挿入してみてください。
<script>
document.body.addEventListener('contextmenu', function(e){
e.preventDefault();
});
</script>

お礼

ありがとうございます。うまくいったようなのですが、一体どのようなことをやっているのか、教えていただければ幸いです。

補足

別質問にしたほうがよろしければそのようにします。

これが確認取れ次第ベストアンサーにするのでよろしくお願いいたします。

回答No.1

AsarKingChang

それだけだと、情報が全く分からないので、
該当部のソースを張ってもらえますか？
それで、原因がわかるかと思います。
IMG自体じゃなくて、親に、アンカーでも入っているんじゃないですかね？