欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-08-14 08:54:28
因为在移动端app需要实现长按执行别的事件,但是在ios系统有默认的长按选择复制粘贴,禁止此功能在网上找了很多资料,最终整理出目前最好的解决方法。 项目是app,已经经过...

因为在移动端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长按复制粘贴功能,希望对大家有所帮助