HTMLで選択禁止を実装する方法

藏色散人
藏色散人オリジナル
2021-04-12 09:36:262958ブラウズ

HTML選択禁止の実装方法: 1. cssでHTMLコンテンツの選択を禁止する; 2. bodyタグにonselectstartなどの属性を追加してHTMLコンテンツの選択を禁止する; 3. jsでonselectstartを追加する禁止事項を実施する旨の声明。

HTMLで選択禁止を実装する方法

この記事の動作環境: 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 までご連絡ください。