最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【已解决】ReactJS的页面中禁止长按某行时弹出的复制选择功能

ReactJS crifan 5506浏览

ReactJS页面中,已经实现了:

长按后,弹出对应的功能选项列表,但是现在有个问题是:

会同时出现赋值选择的框:

Copy Select All Look Up

react js disable text selectable

javascript – disable text selection on double click – Stack Overflow

用css去控制即可?

.item {
  //disable text selection
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;

试试效果:

好像是可以的:

在网页端测试的效果:

当鼠标长按后,之前可以选择文字:

加上上述css控制后,

长按文字处,也不能选择了:

移动端的效果,应该也是不能选择了:

并且,把定义复用了,多处都可调用:

【已解决】LESS中如何定义一段配置作为变量并调用

转载请注明:在路上 » 【已解决】ReactJS的页面中禁止长按某行时弹出的复制选择功能

80 queries in 0.187 seconds, using 19.21MB memory