HTMLで選択禁止を実装する方法-フロントエンドQ&A-php.cn

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

藏色散人

リリース： 2021-04-12 09:36:26

オリジナル

2867 人が閲覧しました

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 サイトの他の関連記事を参照してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

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