no copy test

attr/event img ie7 ie8 ie9 ie10 chrome firefox safari
user-select: none
マウスドラッグ等で要素選択できなくする
うなこ x x x x o o o
draggable="false"
要素をマウスでドラッグ&コピーできなくする
うなこ x x x o o o o
unselectable="on"
上のdraggableのIE独自拡張版?
うなこ o o o o x x x
oncontextmenu="return false;"
イベントをバインドして、メニューを開かせない(属性)
うなこ o o o o o o o
$('****').on('contextmenu', function(){});
イベントをバインドして、メニューを開かせない(JS)
うなこ o o o o o o o

全部入り

hoge

結果として

  1. ○ マウスによるデスクトップへのドラッグコピーはできなくなる。
  2. ○ 右クリックで出るコンテキストメニューから、コピー及び保存はできなくなる。
  3. × 画面キャプチャによるコピーは依然可能
  4. × htmlソースコードから対象画像パスを割り出し、保存する事は依然可能