ホームページ > 記事 > ウェブフロントエンド > htmlでの保存を禁止する方法
htmlでの保存を禁止する方法
- 藏色散人オリジナル
- 2021-06-03 14:46:573832ブラウズ
HTML 形式での保存を禁止する方法: 1. "$(document).ready(function(){...}" メソッドによる形式での保存を無効にする; 2. 全体に "保護層" を追加するユーザーが実際のページを操作できないようにします。
この記事の動作環境: 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:'';
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 サイトの他の関連記事を参照してください。