h5页面在ios机上禁止长按复制

标签：默认   ios   call   展示   输入   htm   webkit   cti   str   

（注意，增加之后需要对input的另外设置，不然输入框无法输入）场景：H5出现一个按钮需要长按几秒展示动画的，如：skcs.net-tactic.com/wap/peace/index，这时就需要用到禁止苹果的

ios机默认存在长按复制选择，用以下代码取消：

*{

-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 {

-webkit-user-select:auto; /*webkit浏览器*/

}

textarea {                                                                //如果存在textarea也输入不进文本的情况下，加上这个

-webkit-user-select:auto; /*webkit浏览器*/

}

h5页面在ios机上禁止长按复制

标签：默认   ios   call   展示   输入   htm   webkit   cti   str   

原文地址：https://www.cnblogs.com/7qin/p/10747761.html