コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

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

WBOY
リリース： 2016-05-16 16:13:22
オリジナル
1350 人が閲覧しました

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>




上記は私がよく使用する方法の要約であり、包括的なものではありません。他の方法がある場合は、メッセージを残してください。この記事は引き続き更新されます。
関連ラベル：
右クリック 無効にする
ソース：php.cn
前の記事：jQuery_jquery での一般的なデータ処理メソッドのまとめ 次の記事：JavaScript を使用して、ボタンをクリックして DIV レイヤーを弾力的に動かす方法_JavaScript スキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
URL パラメータから取得した PHP 配列が期待どおりに動作しない カテゴリ ID を含む URL パラメータがあり、それを次のような配列として扱いたいと考えています: http://example.com?cat[]=3,9,13 PHP では、...
から 2024-04-06 22:09:02
0
1
1428
width プロパティを追加してコンテンツを左に移動します。 ボディに余白を設けました。 main {left margin: 200px; right margin: 200px; textalignment: center} テキストを1...
から 2024-04-06 22:01:35
0
3
816
ApacheのどこにCustomLogディレクティブを配置すればよいですか 私はphp:7.2-apachedockerを使用しています。ヘルスチェック URL ログイン アクセス ログを無効にする必要があります。このリンクに基づいて、Customlog ...
から 2024-04-06 22:03:59
0
1
990
ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...
から 2024-04-06 20:57:16
0
1
487
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート