ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5でモバイルページを長押しすると貼り付けとコピーが無効になる問題を解決する方法

HTML5でモバイルページを長押しすると貼り付けとコピーが無効になる問題を解決する方法

黄舟
黄舟オリジナル
2017-03-30 15:51:138149ブラウズ

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


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

XML/HTML Code复制内容到剪贴板
*{   
    -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 ファイルに入力属性を設定することです:

rreee

何か間違っている場合は、お互いに学び合い、進歩してください。 !

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。