React去掉双击文字的选中状态
来源:互联网 发布:hibernate sql注入 编辑:程序博客网 时间:2024/05/20 12:48
在传统的编写Dom中,我们想要去掉双击文字变成选中状态这样的效果,只需要在标签上加上一个onselectstart
事件,让他return false
就可以了,例如这样:
<div onselectstart="return false;" > 再编辑</div>
这样就可以实现了,但是存在兼容问题,在火狐浏览器中没有onselectstart事件,所以并不能得到解决;
那下面结合css是其禁止双击选中;
<div onselectstart="return false;" style="-moz-user-select:none;" > 再编辑</div>
这样就解决掉了火狐浏览器的兼容问题;
但是在react中怎么去解决这样的问题呢?
试了试给组件添加onselectstart事件,并不起作用,进而想到了用css去设置,如下:
.treeNodeUnselectable { -webkit-user-select: none; -moz-user-select:none; -o-user-select:none; -ms-user-select:none;}
这样就可以取消掉双击选中文字的效果了。
阅读全文
0 0
- React去掉双击文字的选中状态
- GridPanel去掉选中行的选中状态
- 去掉编辑框的默选中状态
- 去掉UITableView的Cell选中状态
- 屏蔽/禁止双击选中文字
- 屏蔽双击选中文字的解决办法,兼容ie,google,firefox
- 屏蔽双击选中文字的解决办法,兼容ie,google,firefox
- SecureCRT 双击或选中文字,自动换行的解决办法
- FLEX去掉蓝色选中状态
- 去掉Flex蓝色选中状态
- 屏蔽、禁止鼠标双击选中文字
- 取消双击等选中文字事件
- QPushButton去掉选中状态的虚线框(焦点框)
- 屏蔽双击选中文字的方法兼容FF及以外的浏览器
- ubuntu双击或选中会自动删除文字
- 网页中防止双击选中html中文字
- radio选中状态对应文字改变颜色
- IE 下双击 checkbox 选中状态延迟问题
- Android中touch事件机制学习总结
- 顶部标题栏在页面滚动后逐渐淡出
- c++ template报错
- 深入理解Java集合框架系列-第二章、Java集合中的hashCode方法
- centos下修改文件后如何保存退出
- React去掉双击文字的选中状态
- 监听服务器端口
- MapView跟Scrollview冲突
- 06-Ubuntu-Linux基础命令
- 欢迎使用CSDN-markdown编辑器
- 数据库SQL实战
- java端实现文件下载
- Java并发编程实战(学习笔记二 第三章 对象的共享 下 线程封闭)
- Android Scroll详解(二):OverScroller实战 + ListView 的 OverScrollBy 两个参数的解析