WEBデザインの勉強

WEB制作初心者が1から勉強するブログ。

画像を保存させないようにする対策

右クリック禁止(PC)

全体(HTML)

<body oncontextmenu="return false;">

画像にのみ(jQuery)

$(function(){
  $("img").on("contextmenu",function(){
  return false;
  });
});

長押しアクションを禁止(スマホ)

img{	  
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}

参考サイト

[PC・スマホ]サイト上の画像の保存をできる限り阻止する対策法 | hi-posi Front-End blog