ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML5とCSSはIOSの長押しコピー&ペースト機能を無効にする機能を実装します

HTML5とCSSはIOSの長押しコピー&ペースト機能を無効にする機能を実装します

不言
不言オリジナル
2018-06-25 14:09:533627ブラウズ

この記事は主にIOSの長押しコピーアンドペースト機能を禁止するためのhtml5とCSSの実装を紹介します。これで、必要な友達に参考にしていただけます

。モバイル APP では他のイベントで必要ですが、iOS システムではコピーして貼り付けるためのデフォルトの長押しオプションがあります。インターネット上で多くの情報を見つけました。編集者が解決策を共有しますので、見てみましょう

モバイル APP では他のイベントを実行するために長押しを実装する必要がありますが、iOS システムでは、デフォルトの長押しオプションはコピーして貼り付けるため、この機能を無効にするためにインターネットで多くの情報を検索し、最終的にこれまでのところ最良の解決策を整理しました。

このプロジェクトは多くの携帯電話に適応されているAPPなので、安心して使用できます。

/*设置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;
}

以上がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

関連する推奨事項:

HTML5 と jQuery を使用してポップアップ クリエイティブ検索ボックス レイヤーを実装する方法

html5 と CSS3 の動的バブル ボタンの実装

以上がHTML5とCSSはIOSの長押しコピー&ペースト機能を無効にする機能を実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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