ホームページ > 記事 > ウェブフロントエンド > HTMLで選択禁止を実装する方法
HTMLで選択禁止を実装する方法
- 藏色散人オリジナル
- 2021-04-12 09:36:262922ブラウズ
HTML選択禁止の実装方法: 1. cssでHTMLコンテンツの選択を禁止する; 2. bodyタグにonselectstartなどの属性を追加してHTMLコンテンツの選択を禁止する; 3. jsでonselectstartを追加する禁止事項を実施する旨の声明。
この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。
ページでは、HTML コンテンツの選択が禁止されています
1. css
*{
moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}user-select 属性経由: https://www.html.cn を参照してください。 /book /css/properties/user-interface/user-select.htm
2. 次の属性を body タグに追加します:
<body "return false;" onselectstart="return false">
最初の文は右クリックを禁止し、後の文はコピーを禁止します。
3. 次の 2 行のステートメントを js に追加します:
//禁止页面选择以及鼠标右键
document.function(){return false;};
document.onselectstart=function(){return false;};[推奨学習: HTML ビデオ チュートリアル ]
以上がHTMLで選択禁止を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTML画像が歪んでいる場合の対処法次の記事：HTML画像が歪んでいる場合の対処法