沼底FXブログ
FXの沼底から這い上がるための、希望の光を照らすブログ。FX/経済/ぜんぜん関係ないことをつらつらと。

【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

コメント

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

コメントを送る

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

検索

筆者:
puc(ぷく)

TWITTER YOUTUBE

WEBディレクター/エンジニアとして働きながら、副業でFXをしています。

FXは専業とまでは行っていないのですが、3年間やり続け、ようやく安定してプラスを出せるようになりました。

このブログでは、FXをメインに、沼底を照らせる一筋の光になるような記事を提供できればと思っています。