HTML 5携帯電話のページを長押しするとコピー禁止の解決策が貼られます(よく使われています)
614 ワード
一、iosとアンドロイドを完全に互換性のある書き方
1、aラベルで包み、aラベルにコードontouchstart=「return false;
二、iosのみ対応の書き方
このコードを追加した後、IOSに問題があります.このとき、inputボックスが内容を入力できないことに気づきます.この原因は-webkit-user-select:none;この属性がもたらした.
この方法を解決するには、cssファイルにinputのプロパティを同時に設定します.以下に示します.
1、aラベルで包み、aラベルにコードontouchstart=「return false;
二、iosのみ対応の書き方
*{
-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に問題があります.このとき、inputボックスが内容を入力できないことに気づきます.この原因は-webkit-user-select:none;この属性がもたらした.
この方法を解決するには、cssファイルにinputのプロパティを同時に設定します.以下に示します.
input {
-webkit-user-select:auto; /*webkit */
}