htmlでの保存を禁止する方法-フロントエンドQ&A-php.cn

ホームページ

ウェブフロントエンド

フロントエンドQ&A

htmlでの保存を禁止する方法

藏色散人

Jun 03, 2021 pm 02:46 PM

html

HTML 形式での保存を禁止する方法: 1. "$(document).ready(function(){...}" メソッドによる形式での保存を無効にする; 2. 全体に "保護層" を追加するユーザーが実際のページを操作できないようにします。

htmlでの保存を禁止する方法

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

HTML ページ上のテキストのコピーを禁止する方法、画像の保存を禁止する方法、Web ページの保存を禁止する方法

#作業要件に応じて、ページの内容を制御する必要があります。 Web ページを簡単に漏洩できないようにする、つまり、Web ページ上のテキストをコピーしたり、画像をダウンロードしたりすることはできません。Web ページに名前を付けて保存することはできません。インターネット上には多くの例があります。私が使用するメソッドは次のとおりです:

<body  bgcolor="#404040" oncontextmenu = "return false" oncopy = "return false" onselectstart = "return false" >

ログイン後にコピー

js では次のように記述されます:

$(document).ready(function(){
document.oncontextmenu = function(){
return false;
}
document.onselectstart = function(){
    return false;
}
document.oncopy = function(){
    return false;
}
});

ログイン後にコピー

それが有効にならない場合は、まずコードにエラーがあるかどうかを確認する必要があります。誤って削除しました

もう 1 つの方法は、ページ全体に「保護層」を追加して、ユーザーが実際のページを操作できないようにすることです。

以上です。

方法: ページを禁止する最小の div の class 属性を見つけて、次のスタイルを追加します。たとえば、div のクラスがコンテナの場合、次のように記述します:

.container{
position:relative;
}
.container::before{
content:&#39;&#39;;
width:100%;
height:100%;
position:absolute;
z-index:1000;
background-color:#fff;
opacity:0;
top:0;
left:0;
}

ログイン後にコピー

Pay z-index に注意値がページ全体で最大の場合は、透明度の不透明度を 0、つまり完全に透明に設定して、実際のデータが気付かれずにブロックされるようにします。学習:

html ビデオチュートリアル

]

以上がhtmlでの保存を禁止する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

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