忍者ブログ
20 April

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

22 February

PCスマホで画像保存を禁止する

<!--画像のみ右クリ禁止-->
<script type="text/javascript">
jQuery(function(){
  jQuery("img").on("contextmenu",function(){
  return false;
  });
});
</script>
/*　　　長押しアクションを禁止　*/
img{   
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
  
  
}
/*    マウスイベントの制御　*/
.single .entry-content img{
pointer-events: none;
}

マウスイベントを制御する　pointer-events: none;　を全部のimgにかけると、

・画像リンク無効
・なぜか右クリ禁止が解ける

となった。
そのため、PCでは全面的に使えない、スマホではsingleページのcontent部分のみに対応することにした。
長押しアクション禁止cssでAndroidが効かないのがすべて悪い
あーくそめんどくせえ　
効くようにしてくれや

これでも何かダメだったら「dwImageProtector Plugin」のjqueryプラグインを使用する
透明gifを画像の上にのっけて、通常の画像保存すると透明gifが保存されてしまう仕組み


PR