ホームページ >ウェブフロントエンド >H5 チュートリアル >モバイルページで長押しするとペーストとコピーが無効になる問題に対するHTML5の解決策
この記事では、HTML5 でモバイル ページを長押しすると貼り付けとコピーが無効になる問題の解決策に関する関連情報を主に紹介します。これは非常に優れており、困っている友人は参考にしてください。
次のように:
携帯電話での貼り付けとコピーを禁止する機能を実現するには、次のコードを CSS ファイルに直接追加します:
XML/HTML コード コンテンツをクリップボードにコピーします
*{ -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; }
このコードを追加すると、入力ボックスにコンテンツを入力できないことがわかります。その理由は -webkit-user-select:none; です。
解決策は、以下に示すように、CSS ファイルに入力属性を同時に設定することです:
XML/HTML コードコンテンツをクリップボードにコピー
input { -webkit-user-select:auto; /*webkit浏览器*/ }
以上です。マスターに間違っている点を指摘してもらい、お互いに学び、改善し合いましょう。
以上がモバイルページで長押しするとペーストとコピーが無効になる問題に対するHTML5の解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。