ホームページ >ウェブフロントエンド >jsチュートリアル >Webページの右クリックメニューやマウスドラッグ選択を無効にする方法まとめ_JavaScriptテクニック

Webページの右クリックメニューやマウスドラッグ選択を無効にする方法まとめ_JavaScriptテクニック

WBOY
WBOYオリジナル
2016-05-16 16:13:221369ブラウズ

1. マウスの右クリック メニューを無効にします:

マウスの右ボタンを無効にする方法は 2 つあります

1. HTML 要素の Body タグに Javascript イベント ハンドラーを追加します。コードは次のとおりです。

コードをコピーします コードは次のとおりです:


注: Web ページ上の指定した場所での右クリックを無効にすることもできます。たとえば、ダウンロードを防止するために Web ページ内の特定の画像の右クリックのみを無効にすることもできます。 Web ページ内のテキストまたは表をクリックすると、対応する HTML タグ要素に上記の赤いコードを追加するだけで済みます。たとえば、

コードをコピーします コードは次のとおりです:




テキストコンテンツ


2. Javascript 関数を記述し、イベント処理を呼び出します。コードは次のとおりです。

コードをコピーします コードは次のとおりです:
<スクリプト言語=javascript>




注: コードの大文字と小文字に注意してください。上記のコードを Web ページの HTML ソース コードの と の間にコピーします。

右クリックして Web ページ要素で指定されたタグをブロックしたい場合は、ドキュメントを対応する Web ページ オブジェクトのタグ名に変更するだけです。

2. Web ページ要素を選択するためのドラッグを無効にします:

上記の例と同様に、マウスの右ボタンを無効にするには次の 2 つの方法があります

1. HTML 要素の Body タグに Javascript イベント ハンドラーを追加します。コードは次のとおりです。

コードをコピーします コードは次のとおりです:


説明: 上記の右クリック禁止の使用法と同様
2. Javascript 関数を記述し、イベント処理を呼び出します。コードは次のとおりです。

コードをコピーします

コードは次のとおりです: <スクリプト言語=javascript>




注: 文の大文字と小文字の区別に注意してください。上記のコードを Web ページの HTML ソース コードの と の間にコピーします。
Web ページ要素で指定されたタグを右クリックしてブロックしたい場合は、ドキュメントを対応する Web ページ オブジェクトのタグ名に変更するだけです。

要約すると、Web ページの右クリック メニューとマウスのドラッグの両方を無効にしたい場合は、次の 2 つの方法を使用できます:

方法 1:

コードをコピーします


方法 2:

コードをコピーします

コードは次のとおりです: <スクリプト言語=javascript>




上記は私がよく使用する方法の要約であり、包括的なものではありません。他の方法がある場合は、メッセージを残してください。この記事は引き続き更新されます。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。