移动端h5页面禁止长按选择复制

注意 :增加之后需要对input做另外设置,不然输入框无法输入

手机默认可以长按选择复制,如不想长按选择,可以用以下代码取消:

*{
    -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 {                                
    -webkit-user-select:auto; /*webkit浏览器*/
}

你可能感兴趣的:(CSS,移动端H5)