HTMLでのコピペを禁止する方法

HTML では、touch-callout 属性と user-select 属性を使用して、コピー アンド ペースト機能を禁止できます。「user-select:none;-webkit-touch-callout:none」を設定するだけで済みます。 ;" スタイル。 。

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

友人が開発をしているとたまにこのような要望に遭遇するのですが、お客様から記事ページのコピペ禁止を求められており、この機能を実装するコードは以下の通りです(PCでもモバイル端末でも実装可能) :

*{

-webkit-touch-callout:none; /*系统默认菜单被禁用*/

-webkit-user-select:none; /*webkit浏览器*/

-khtml-user-select:none; /*早期浏览器*/

-moz-user-select:none;/*火狐*/

-ms-user-select:none; /*IE10*/

user-select:none;

}

このコードを追加すると、IOS で問題が発生します。このとき、入力ボックスにコンテンツを入力できないことがわかります。その理由は、-webkit-user-select:none です。 ; 属性。 。

この問題の解決策は、以下に示すように、CSS ファイルに入力属性を同時に設定することです:

input {

-webkit-user-select:auto; /*webkit浏览器*/

}

推奨チュートリアル: "html ビデオ チュートリアル 「

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