Solution HTML5 au problème selon lequel un appui long sur les pages mobiles entraînera la désactivation du collage et de la copie

Cet article présente principalement les informations pertinentes sur la solution HTML5 au problème de la désactivation du collage et de la copie lors d'un appui long sur les pages mobiles. Il est très bon et a une valeur de référence. Les amis dans le besoin peuvent 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 :

Code XML/HTMLCopier le contenu dans le presse-papiers

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

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 l'attribut -webkit-user-select:none ;

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 :

Code XML/HTMLCopier le contenu dans le presse-papiers

1. input {      
        -webkit-user-select:auto; /*webkit浏览器*/     
   }

C'est tout. S'il y a quelque chose qui ne va pas, veuillez demander à un maître de le signaler, apprenez de chacun. les uns les autres et s'améliorer 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!