ホームページの右クリックを禁止にする方法についてご質問をさせて頂きます
ホームページの右クリックを禁止にする方法についてご質問をさせて頂きます。よろしくお願いします。
現在、ホームページを作成中ですが、右クリックを禁止にしたく以下の記述をしました。
<script type="text/javascript"><!--
function click() {
if (event.button==2) {
alert('右クリックできません')
}
}
document.onmousedown=click
// --></script>
ホームページのDOCTYPE等は以下のようになっております。
<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>テストページ</title>
<meta name="keywords" content="テスト,テスト1,テスト2" />
<meta name="description" content="自動車整備に関するページです" />
<link href="css/abc.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/def.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css">
</style>
</head>
<body>
上記の</head>と<body>の間に以下の記述をしました。
<script type="text/javascript"><!--
function click() {
if (event.button==2) {
alert('右クリックできません')
}
}
document.onmousedown=click
// --></script>
その後htmlチエッカーで確認をしました。
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
したところ、以下の警告が出たのですが、良く理解出来ないためご質問をさせていただきました。
9: line 21: <script> を 3行目の <html>～</html> 内に書くことはできません。 → 解説 43
1: line 21: <script> を使うときは <head>～</head> 内に <meta http-equiv="content-script-type" content="～" /> を指定するようにしましょう。 → 解説 146
どなた様か、ご指導の程よろしくお願い致します。解説を読んでも良く理解が出来ずにおります。
どなた様か、よろしくお願い致します。
お礼
xs200様 ありがとう御座いました。 ＃ここまでしてスクロールを使わなければいけないかは疑問です。 確かにおっしゃる通りですね。 私は、動く画像は見た目が良いものだと思っておりましたが 実際そうでも無いみたいですね。 ありがとう御座いました。 初心者ですがよろしくお願いします。