html5+CSS 实现禁止IOS长按复制粘贴功能

2019-11-26,,

因为在移动端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;
}

以上所述是小编给大家介绍的html5+CSS 实现禁止IOS长按复制粘贴功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对北冥有鱼网站的支持!

您可能感兴趣的文章:

  • JS插件clipboard.js实现一键复制粘贴功能
  • VirtualBox安装CentOS实现鼠标自动切换和复制粘贴功能
  • Clipboard.js 无需Flash的JavaScript复制粘贴库
  • javascript复制粘贴与clipboardData的使用
  • JS+flash实现chrome和ie浏览器下同时可以复制粘贴
  • SWT(JFace)体验之复制粘贴
  • C++小知识:C/C++中不要按值传递数组
  • C++小知识:不要节约代码行数
  • SVN报错:Error Updating changes:svn:E155037的解决方案
  • C++小知识:复制粘贴代码千万要小心

《html5+CSS 实现禁止IOS长按复制粘贴功能.doc》

下载本文的Word格式文档,以方便收藏与打印。