用label或span聀laceholder,怎么防止label被选中

发布网友发布时间：2022-04-23 15:37

共2个回答

热心网友时间：2022-04-27 19:18

利用zTree插件可以实现单选按钮和label点击事件,详细步骤：

1、双击打开HBuilder编辑工具，在web项目指定目录下，创建静态页面radiotree.html，并修改title显示的内容，如下图所示：

2、在title标签下方引入zTree相关的css和js文件，注意引入文件的顺序，如下图所示：

3、body元素标签内插入树形容器div元素，并调用zTree树样式元素；在div标签内插入一个ul标签元素，如下图所示：

4、在<script></script>标签内部编写生成单选按钮树js代码，并在jquery初始化函数中调用，如下图所示：

5、预览该静态页面，点击单选按钮，发现只能点击按钮时才能被选中，如下图所示：

6、为了友好使用单选按钮树，点击文字或单选按钮都可以选中节点，添加onClick回调函数，如下图所示：

热心网友时间：2022-04-27 20:36

用CSS的user-select就可以实现了

-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;