沼の底(東京)ブログ(気分で変わるタイトル)
沼の底(東京)を生き抜くための光と希望を与えるブログ

【TIPS】<img>タグのクリック禁止(コピー禁止)にするための記述

2017年05月4日
TIPS |

タグのクリック禁止(コピー禁止)を設定することは時々あるので、実際に筆者がいつも設定している内容で、これをやっておけば問題ないという記述をメモっておきます。

クリック禁止(コピー禁止)はあくまで、簡単には画像が取れなくなるというだけで、やろうと思えばスクリーンキャプチャなどあらゆる方法で取得が可能です。
そのことをご理解の上(あるいはクライアントにご理解いただき)、ご使用ください。

記述

<img onMouseDown="return false;" onSelectStart="return false;" oncontextmenu="return false;" style="pointer-events: none;">

IE10以下を無視するのであれば「style=”pointer-events: none;”」だけでも可。もちろんCSSに記述してもOKです。

詳しい説明は以下の参考もご覧ください。

参考

https://techblog.yahoo.co.jp/advent-calendar-2016/css_pointer_events/

http://uxmilk.jp/28530

http://motoshige.net/blog/archives/366

コメント

現在この記事のコメントはありません

コメントを送る

内容に問題がなければ「コメントを送信する」を押してください。(一度書いたコメントは取り消せません。)

検索

筆者:
プルン・プリン・プッチリーニ

通称:プッチ

沼の底(東京)でWEBディレクターをしながら生き抜いております。

このブログでは、そんな沼の底(東京)を照らす一筋の光になるれるような記事を目指して掲載していこうと思います。(WEB関係や社会問題など諸々)

TWITTER