博客列表 >h5页面在ios机上禁止长按复制

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

樂成的开发笔记
樂成的开发笔记原创
2022年06月01日 16:06:161556浏览

场景: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浏览器*/

}


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议