ホームページ > ウェブフロントエンド > H5 チュートリアル > モバイルページで長押しするとペーストとコピーが無効になる問題に対するHTML5の解決策

モバイルページで長押しするとペーストとコピーが無効になる問題に対するHTML5の解決策

巴扎黑
リリース: 2017-05-21 14:52:28
オリジナル
2414 人が閲覧しました

この記事では、HTML5 でモバイル ページを長押しすると貼り付けとコピーが無効になる問題の解決策に関する関連情報を主に紹介します。これは非常に優れており、困っている友人は参考にしてください。

次のように:

携帯電話での貼り付けとコピーを禁止する機能を実現するには、次のコードを CSS ファイルに直接追加します:


XML/HTML コード コンテンツをクリップボードにコピーします

  1. *{   
        -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 コードコンテンツをクリップボードにコピー

  1. input {      
         -webkit-user-select:auto; /*webkit浏览器*/     
    }
    ログイン後にコピー

以上です。マスターに間違っている点を指摘してもらい、お互いに学び、改善し合いましょう。

以上がモバイルページで長押しするとペーストとコピーが無効になる問題に対するHTML5の解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート