• 技术文章 >web前端 >H5教程

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

    不言不言2018-06-25 14:09:53原创2223
    这篇文章主要介绍了关于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;
    }

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

    相关推荐:

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

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

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:HTML5和jQuery实现弹出创意搜索框层的方法 下一篇:html5 touch事件实现触屏页面上下滑动
    Web大前端开发直播班

    相关文章推荐

    • Windows 8 将 Silverlight 和 .Net 打入冷宫了吗?• 小强的HTML5移动开发之路(3)——HTML5与HTML4比较• HTML5教程-Web存储• 在HTML5 Canvas中放入图片和保存为图片的方法_html5教程技巧• 基于Modernizr 让网站进行优雅降级的分析_html5教程技巧

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网