h5通过css实现禁⽌ios端长按复制选中⽂字的⽅法
在ios端默认的长按选择，可以对⽂字进⾏复制粘贴。但是在实际开发中，针对⼀些按钮⼀般要避免长按时弹出选中⽂字，或者⼀些罩层要避免弹出。这篇⽂章通过css3实现禁⽌ios端长按复制选中⽂字的⽅法。
css代码如下：
*{
-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框禁止输入
}
但是IOS上出现input、textarea不能输⼊，因此将使⽤-webkit-user-select:auto；如下：
input,textarea {
-webkit-user-select:auto; /*webkit浏览器*/
margin: 0px;
padding: 0px;
outline: none;
}
这样就避免了苹果⼿机上会导致input输⼊框不能聚焦从⽽不能输。当然⼀般不要轻易使⽤通配符*{}的⽅式，我们可以给定对应class名称。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。