1. text 标签 文字不被选中

​ selectable：文本是否可选；默认值为true（可选中）兼容APP、H5

​ user-select：文本是否可选；默认值为true（可选中）兼容微信小程

1
2
3
4
5
6
7
8
9
<!-- APP 、H5 -->
<view>
	<text selectable="false">文字不被选中</text>
</view>

<!-- 微信小程序 -->
<view>
	<text user-select="false">文字不被选中</text>
</view>

2. div p span 等标签 文字不被选中

​ user-select：none 在css中设置如下属性即可；

1
2
3
4
5
<div class="notselected">
    <div>文字不被选中</div>
    <p>文字不被选中</p>
    <span>文字不被选中</span>
</div>
1
2
3
4
5
6
.notselected{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none; 
}