禁止・制限｜JavaScript/DOM｜PHP & JavaScript Room

TOP JavaScript/DOM禁止・制限

右クリック禁止
印刷禁止（Webページ、画像）
画像を保存できなくする
イメージツールバーを非表示（Windows XP）
ページをキャッシュしない

右クリック禁止

unknown

ブラウザの画面上で、右クリックしても、右クリックメニューが表示されなくなります。ただし、右クリック禁止を嫌うユーザーも多いので、あまり使わないようにしましょう。

印刷禁止（Webページ、画像）

unknown

@media print { }

JavaScriptではありませんが、通常の閲覧ページと印刷用ページのスタイルをスタイルシートで設定すると、画像だけ印刷不可にしたり、画面全体を印刷不可することが可能になります。

<style type="text/css">
/* ページ全体を印刷させない場合 */
@media print {
    body { display: none !important; }
}
</style>

<style type="text/css">
/* 画像のみ印刷させない場合 */
@media print {
    img { display: none !important; }
}
</style>

画像を保存できなくする

unknown

写真などの表示する画像を、「テーブル」や「DIV要素」などのブロック要素の背景画像（backgrouond）に指定し、その上にその画像と同じ大きさの透過GIFを表示することで、画像保存ができなくなります。画像をドラッグしたり、右クリックしても保存されるのは透過GIFで、画像は保存されません。

でも完璧ではありません。ブラウザの［ファイル］－［すべて保存］やPrint Screenをクリックされてしまうと元も子なしです。。。

サンプルを見る

<!-- 試しに画像を右クリックから保存してみてください。透過画像しか保存されていないはずです！ -->
tableタグ使用<br>
<table border="0" cellspacing="0" cellpadding="0" style="background:#fff url(/content/img/dog_black.png) no-repeat top left;">
    <tr>
        <td style="padding:0;"><img alt='この画像は保存できません' src='/content/img/clr.gif' width="90" height="90" border="0" /></td>
    </tr>
</table>
<br>
divタグ使用<br>
<div style="background:#fff url(/content/img/dog_black.png) no-repeat top left; width:90px; height:90px; margin:0; padding:0;">
    <img alt='この画像は保存できません' src='/content/img/clr.gif' width="90" height="90" border="0" />
</div>

tableタグ使用