ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLで右クリックを無効にする方法

HTMLで右クリックを無効にする方法

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-04-12 18:28:3410715ブラウズ

html右クリックを無効にする方法: 1. oncontextmenu イベントを使用して右クリック メニューを無効にします; 2. onselectstart イベントを使用して Web ページ上のコンテンツを選択するための右クリックを無効にします; 3. oncopy イベントを使用して、右クリックによるコピーを無効にします。

HTMLで右クリックを無効にする方法

このチュートリアルの動作環境: Windows7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

oncontextmenu イベントは右クリック メニューを無効にします

document.oncontextmenu = function(){
    event.returnValue = false;
}// 或者直接返回整个事件
document.oncontextmenu = function(){
    return false;
}

onselectstart イベントは Web ページ上で選択されたコンテンツを無効にします

document.onselectstart = function(){
    event.returnValue = false;
}// 或者直接返回整个事件
document.onselectstart = function(){
    return false;
}

oncopy イベントによりコピーが無効になります

document.oncopy = function(){
    event.returnValue = false;
}// 或者直接返回整个事件
document.oncopy = function(){
    return false;
}

上記の 3 つのイベントについて、単純にマウスの右ボタンを無効にしてコピーと貼り付けを無効にしたい場合は、次のように記述することもできます。 HTML の本文に直接追加します。

<body oncontextmenu = "return false" ></body>
<body onselectstart = "return false" ></body>
<body oncopy = "return false" ></body>

推奨学習: html ビデオ チュートリアル

以上がHTMLで右クリックを無効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。