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

16lz 2022-06-02

场景：h5项目中会出现长按几秒展示某个功能，比如模拟识别指纹解锁效果，这时就需要用到禁止苹果的

（注意，增加之后需要对input的另外设置，不然输入框无法输入）

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浏览器*/}

更多相关文章

随机推荐