教程集 www.jiaochengji.com
教程集 >  前端编程  >  HTML5教程  >  正文 html5和CSS 实现禁止IOS长按复制粘贴功能

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

发布时间:2020-06-06   编辑:jiaochengji.com
教程集为您提供html5和CSS 实现禁止IOS长按复制粘贴功能等资源,欢迎您收藏本站,我们将为您提供最新的html5和CSS 实现禁止IOS长按复制粘贴功能资源
这篇文章主要介绍了关于html5和CSS 实现禁止IOS长按复制粘贴功能,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

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

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注教程集!

相关推荐:

HTML5和jquery实现弹出创意搜索框层的方法

html5和css3 动态气泡按钮的实现

以上就是html5和CSS 实现禁止IOS长按复制粘贴功能的详细内容,更多请关注教程集其它相关文章!

  • 本文原创发布教程集,转载请注明出处,感谢您的尊重!
  • 您可能感兴趣的文章:
    html5和CSS 实现禁止IOS长按复制粘贴功能
    js禁止页面F5刷新 右键与后退的代码
    文本框禁用右键、复制、粘贴等功能的js代码
    js 事件-禁止右键与文本选择
    javascript禁止页面操作(右键、复制、F5刷新)等代码
    如何让HTML5实现移动端复制功能
    javascript右键弹出图片另存为对话框的代码
    基于jquery的设置页面文本框 只能输入数字的实现代码
    html5 touch事件实现触屏页面上下滑动
    js禁用鼠标右键菜单(加强版)

    [关闭]
    ~ ~