ページ内の画像を右クリックやドラッグで保存させない方法

画像を簡単右クリやドラッグなどでダウンロードさせないための簡単な方法をメモしておきます。

CSSを使う方法

CSSでコンテキストメニューの表示を変更する

.image_tag {
    pointer-events:none;
}

「pointer-events:none;」を対象のimg要素に指定する。
右クリックして表示される項目内から、「名前をつけて画像を保存」のコンテキストメニューが表示されなくなります。

JSを使う方法

対象のタグ（imgタグなど）に下記の様にjs（oncontextmenu="return false;" onMouseDown="return false;" onSelectStart="return false"）を追記する

<img src="common/****/****.gif" oncontextmenu="return false;" onMouseDown="return false;" onSelectStart="return false;" >

画像上で右クリックさえ出来ないようにして、
ドラッグも出来ないようにする方法になります。
ただブラウザ上でjsを切ると制御が効かなくなります。