Comment résoudre le problème de la désactivation du collage et de la copie lors d'un appui long sur une page mobile en HTML5

Cet article présente principalement les informations pertinentes sur la solution au problème de désactivation du collage et de la copie lors d'un appui long sur la page mobile en HTML5HTML5 C'est très bien et a une valeur de référence Les amis qui en ont besoin. il peut s'y référer

La solution est la suivante :
Ajoutez le code suivant directement dans le fichier CSS pour réaliser la fonction d'interdiction de coller et de copier sur le téléphone mobile :

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;   
}

Après avoir ajouté ce code, il y aura un problème sur IOS. À ce stade, vous constaterez que la zone de saisie ne peut pas saisir de contenu. La raison en est -webkit- ; user-select:none; this< Causé par 🎜>attribut.

La solution à ce problème est de définir les attributs d'entrée dans le fichier CSS en même temps, comme indiqué ci-dessous :

XML/HTML Code复制内容到剪贴板
input {      
     -webkit-user-select:auto; /*webkit浏览器*/     
}

C'est tout. S'il y a quelque chose qui ne va pas, veuillez le signaler. ;Apprenez les uns des autres et améliorez-vous les uns les autres !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!