🐈

制作しているWebサイトの完成間際に「画像保存できてしまうんだけど?」とか言われたときの対応

2022/05/13に公開約600字

コンテクストメニューを非表示にする

$('#someId1,#someId2,#someId3').on('contextmenu', function(e) {
  return false;
});

ドラッグをできなくする。(選択してコピーを防ぐ)
長押しで保存を防ぐ

#someId1,
#someId2,
#someId3 {
  user-select:none;
  -webkit-user-select:none;
  -ms-user-select: none;
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-drag:none;
  -khtml-user-drag:none;
}
#someId1 img,
#someId2 img,
#someId3 img {
  pointer-events: none;
  -webkit-touch-callout: none;
}

pointer-events: none;をボタンのあるDIVにかけてしまうと、ボタンが押せなくなる。

透明画像を上に被せるのも、「してやったり」感があって好き。

Discussion

ログインするとコメントできます