ホームページの右クリックを禁止にする方法についてご質問をさせて頂きます。よろしくお願いします。
現在、ホームページを作成中ですが、右クリックを禁止にしたく以下の記述をしました。
<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-transitio …
<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. …
したところ、以下の警告が出たのですが、良く理解出来ないためご質問をさせていただきました。
9: line 21: <script> を 3行目の <html>~</html> 内に書くことはできません。 → 解説 43
1: line 21: <script> を使うときは <head>~</head> 内に <meta http-equiv="content-script-type" content="~" /> を指定するようにしましょう。 → 解説 146
どなた様か、ご指導の程よろしくお願い致します。解説を読んでも良く理解が出来ずにおります。
どなた様か、よろしくお願い致します。
No.1ベストアンサー
- 回答日時:
そのまんまです。
html要素は、HEADとBODYしか内部に持ちえません。
【引用】____________ここから
<!ENTITY % html.content "HEAD, BODY">
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで
[The global structure of an HTML document (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
解説146を読みましょう。
★補足
右クリック禁止は意味ありません。それどころがサイトの評価を徹底的に下げてしまいます。
ブックマークも登録できない。私だと右クリックのコンテキストメニューのすべてが使えなくなるということ。小さい画像を大きくしたり、読みにくい小さな文字を大きくしたり、IEやOperaなど他のブラウザに切り替えて表示したり、今のページはそのままでタブや別ウィンドでリンク先を開いたり、テキストの意味を辞書で調べたり、印刷したり、この記事よいなとメモもできない。
javascriptでできるけど、決してしてはならない使い方。刃物で人は殺せるから、殺した。と同じくらい。
もちろん、私はjavascriptのこの指定は無効にしてますから、私には効かない==多分多くのユーザーも==
右クリック禁止 - Google 検索 ( http://www.google.co.jp/search?hl=ja&lr=&safe=of … )
ORUKA1951様
この度は、ご指導ありがとう御座いました。
右クリックというのは、ここまで意味が無いものだったとは知りませんでした。
詳しく解説頂きまして、分かりやすいご指導ありがとう御座いました。
また、ご縁がありましたときはよろしくお願いします。
No.2
- 回答日時:
解説 43については、
> 上記の</head>と<body>の間に以下の記述をしました。
それがダメだというメッセージです。headの中かbodyの中に書いて
ください。いい加減なサイトの解説を読まず、規格書を参照して書
く習慣をつけましょう。
解説146については、ご自分でもスタイルの記述にCSSを使うと宣言
したように、スクリプトの記述にどんなスクリプト言語を使うのか
宣言してくれということです。今までmeta要素は意味も判らずに何
となく書いてたんでしょうか。規格書を参照して書く習慣をつけま
しょう。
もちろん、その程度のスクリプトは大抵の人に無意味です。アラー
トが出たらリターンキー叩く必要があるだけで、contextual menu
自身は出ますから。対策をとるまでもない稚拙な方法ですね。
それから、「ご質問」はないでしょう。回答者のがわが「あなたの
ご質問」とやるモノであって、自分で自分の質問に「ご」を付ける
のは日本語としてアウトです。
参考URL:http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401 …
grumpy_the_dwarf様。
この度は、的確なアドバイスをありがとう御座いました。
正直今までmetaやスクリプト自分のなかで分かっているようで、実際には良く理解していなかったのだと思います。一度書籍で勉強をしたいと思います。
この度は、ありがとう御座いました。
また、ご縁がありましたときはよろしくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
POSTしたデータの文字コードがu...
-
css ,videotタグ。ホームページ...
-
なぜ height 100% がつくのか ...
-
フレームを使ったページの一部...
-
Tomcat-ApacheでHTMLを表示させ...
-
textareaの一行の文字数制御
-
カラーラインの中に文字
-
HTMLファイルのインクルードで...
-
斜線を引くのは無理ですね?
-
リンクボタンにgifアニメを使え...
-
WEBページがIEだけ文字化けして...
-
COLDFUSIONの文字化け
-
HTMLでwebサイトを作ってるので...
-
text-decorationを伸ばす方法
-
FFFTPでの文字化け
-
borderでa:hover下線表示させる...
-
メタタグに順番はありますか?
-
iPhoneがメディアクエリーを認...
-
CSSデータの作成方法について(...
-
HTMLからフォルダを開きたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
css ,videotタグ。ホームページ...
-
POSTしたデータの文字コードがu...
-
携帯とPCの自動判別
-
body内にmetaタグを記述は問題...
-
iframe内の表示を常に最新にしたい
-
HTML上に貼り付けたPDFが表示さ...
-
HTMLソースにない文字がブラウ...
-
HTMLファイルのインクルードで...
-
文字化けを故意に表示したい
-
WEBページがIEだけ文字化けして...
-
textareaの一行の文字数制御
-
FFFTPでの文字化け
-
html で 変数を定義できますか?
-
borderでa:hover下線表示させる...
-
firefoxでスクロールバーが二重...
-
TEXTAREAのスクロールバーを消...
-
BODYタグのonloadについて
-
Google検索でサイト説明文が文...
-
<body>内に<head>を入れ子にで...
-
リンクボタンにgifアニメを使え...
おすすめ情報