【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/
コメント
現在この記事のコメントはありません
検索
筆者:
puc(ぷく)
WEBディレクター/エンジニアとして働きながら、副業でFXをしています。
FXは専業とまでは行っていないのですが、3年間やり続け、ようやく安定してプラスを出せるようになりました。
このブログでは、FXをメインに、沼底を照らせる一筋の光になるような記事を提供できればと思っています。
コメントを送る