img 要素に pointer-events: none; を指定すると、いろいろできなくなる。

いろいろできる画像のサンプル いろいろできない画像のサンプル いろいろできない画像のサンプルのコード HTML: <img class="img-pointer-events-none" src="enable.jpg" /> CSS: img.img-pointer-events-none { pointer-events: none; } 巷では a 要素に対する指定でのサンプルが多い pointer-events: none; ですが、img 要素に直接指定することでPC版ブラウザでは右クリックでの画像の保存やデスクトップに画像をＤ＆Ｄすることができなくなり、スマートフォン版ブラウザでは画像の長押し（長タップ）での保存やメール送信などのメニューがでなくなります。 もちろんソースを表示して画像のURLを直接参照したり、ブックマークレットなどを使えば画像を保存することはできます。そして当

[sw_lucchini]

スマホで画像保存できなくできたりする

[site159]

JSでやらんでもええのか

[kkeisuke]

PC版ブラウザでは右クリックでの画像の保存やデスクトップに画像をＤ＆Ｄすることができなくなり、スマートフォン版ブラウザでは画像の長押し（長タップ）での保存やメール送信などのメニューがでなくなります。

[ginpei]

面白い。簡易的な保護目的として使うのもいいけど、alt=""な画像に指定するとユーザビリティ上がりそう。