Maison >interface Web >Tutoriel H5 >HTML5 et CSS implémentent la désactivation de la fonction copier-coller par appui long sur IOS

HTML5 et CSS implémentent la désactivation de la fonction copier-coller par appui long sur IOS

不言
不言original
2018-06-25 14:09:533626parcourir

Cet article présente principalement l'implémentation de html5 et CSS pour interdire la fonction copier-coller en appui long dans IOS. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer. 🎜>Parce que du côté mobile, l'APP doit implémenter un appui long pour exécuter d'autres événements, mais le système iOS dispose de l'option d'appui long par défaut pour copier et coller. J'ai trouvé beaucoup d'informations sur Internet, et l'éditeur partagera la solution avec vous, jetons un coup d'oeil

Parce que l'APP mobile doit implémenter un appui long pour exécuter d'autres événements, mais dans le système iOS , il y a un appui long par défaut sur Sélectionner copier-coller pour désactiver cette fonction. J'ai trouvé beaucoup d'informations sur Internet et j'ai finalement trouvé la meilleure solution jusqu'à présent.

Le projet est une application adaptée à de nombreux téléphones mobiles, vous pouvez donc l'utiliser en toute confiance.

/*设置IOS页面长按不可复制粘贴,但是IOS上出现input、textarea不能输入,因此将使用-webkit-user-select:auto;*/
*{
  -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;
}
input,textarea {
  -webkit-user-select:auto; /*webkit浏览器*/
  margin: 0px;
  padding: 0px;
  outline: none;
}

Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez prêter attention à. le site PHP chinois !

Recommandations associées :

Comment implémenter une couche de zone de recherche de création pop-up avec HTML5 et jQuery


html5 et css3 bouton bulle dynamique Implémentation de


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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn